HTML Colours

How to use

This HTML colour explorer is designed to make working with colours fast and intuitive. Follow these simple steps to get started:

1. Browsing Colours

  • Use the tabs at the top to view colours:
    • A–Z: Alphabetical order
    • Hue: Sorted by colour hue
    • Brightness: Light to dark
    • Saturation: Most vibrant to least
    • Families: Grouped by colour family (Red, Blue, Green, etc.)

2. Searching Colours

  • Type a colour name or hex code in the search box to instantly filter the colours.
  • Works with partial names or hex codes (e.g., typing bl shows Blue, BlanchedAlmond, etc.).

3. Copying Colour Values

  • Click any colour box to copy the:
    • Name (e.g., DodgerBlue)
    • Hex code (e.g., #1E90FF)
    • HSL values (e.g., H:210 S:100% L:56%)
  • This makes it easy to paste directly into your design or code.

4. Layout and Responsiveness

  • Colours are displayed in a grid layout that adapts to your screen size.
  • No matter your device, all colours remain visible and easy to interact with.

Tip: Bookmark this page to quickly reference colours for web, design, or any creative project.

Created by GamDNS – a small, free utility designed for designers, developers, and colour enthusiasts.