Browse named HTML colors with HEX, RGB, and HSL values, search by name, and copy color codes.
Looking up a CSS color keyword is the core job of this chart. Search for a named entry or browse the swatches, then read and copy the corresponding HEX, RGB, or HSL value for use in a stylesheet, design note, or comparison. The three numeric forms represent the same listed color through different coordinate systems. The main trap is scope: this is a catalog of predefined names, not a tool that assigns official names to arbitrary custom colors. A familiar phrase such as bright blue is not necessarily a valid keyword.
A concrete input and expected output from the current implementation.
Input
fuchsia
Expected output
Fuchsia - HEX: #FF00FF; RGB: rgb(255, 0, 255); HSL: hsl(300, 100%, 50%)
The hexadecimal pairs FF, 00, and FF equal decimal channel values 255, 0, and 255. Those channels produce a hue of 300 degrees at full saturation and 50 percent lightness.
The chart links each swatch to a predefined color name and three displayed code forms. Search is useful when you already know the keyword; browsing is useful when you want to compare names and swatches. After locating an entry, copy its HEX, RGB, or HSL code according to the notation required by the destination. For dependable matching, enter the color name itself rather than a full CSS declaration.
The HEX field encodes red, green, and blue as three two-digit hexadecimal pairs. RGB reports those channels as decimal numbers, while HSL describes hue, saturation, and lightness. These are alternate coordinates for the displayed swatch, not separate color suggestions. For fuchsia, FF maps to 255 and 00 maps to 0; the full RGB triplet is therefore 255, 0, 255.
Yes. A listed CSS named-color keyword can be used wherever a property accepts a color value. Keywords are ASCII case-insensitive, but multiword names are written as one identifier, such as lightgoldenrodyellow. You can instead copy the listed HEX, RGB, or HSL form when a project convention or design handoff requires numeric notation.
Those names are aliases in the standardized named-color set. Both fuchsia and magenta resolve to #FF00FF, RGB 255, 0, 255, and HSL 300, 100 percent, 50 percent. The browser color is therefore the same. Choosing one name over the other can reflect a project's vocabulary or style rules, but it does not select a different swatch.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.