CSS Named Colors Grid

关于此工具

Explore all 140 CSS named colors in one place. Every color is shown as a labeled swatch with its name, HEX value, and RGB values. Use the search box to filter by name (e.g. 'blue' or 'dark'), or click a hue category pill — Red, Orange, Yellow, Green, Blue, Purple, Brown, Gray, White, or Black — to see only colors in that family. Sort the grid by name (A–Z), hue angle, lightness (light to dark), or saturation. Click any swatch to copy its HEX value to the clipboard and see the full color details panel showing HEX, RGB, HSL, and the CSS keyword name.

使用方法

1. 1 Browse the full grid of 140 named color swatches.
2. 2 Type in the search box to filter colors by name.
3. 3 Click a hue category pill (Red, Blue, etc.) to filter by color family.
4. 4 Use the Sort selector to order by name, hue, lightness, or saturation.
5. 5 Click any swatch to copy its HEX value and see full color details.
6. 6 Use the detail panel to view HEX, RGB, and HSL representations.

常见问题