Complete color toolbox
Codes Color HTML provides free browser-based tools for picking, converting and validating web colors.
https://www.codescolorhtml.com/enBrand assets, color data and citation guide
Use the official descriptions, direct tool links and reusable CSS color data when referencing Codes Color HTML in an article, course, README or design resource.
Cite the most relevant tool
Specific links help readers reach the exact resource described.
Accessible palette generator
Generate color harmonies, inspect WCAG contrast and export CSS variables, Tailwind colors or JSON.
https://www.codescolorhtml.com/en/color-palette-generatorImage color picker
Extract dominant HEX, RGB and HSL colors from an image locally in the browser.
https://www.codescolorhtml.com/en/image-color-pickerWCAG contrast checker
Check text and background color contrast against WCAG AA and AAA requirements.
https://www.codescolorhtml.com/en/contrast-checkerOpen reference data
All 148 CSS named colors
Download a complete browser color reference with names and HEX, RGB, HSL and OKLCH values. Use it in teaching materials, prototypes, documentation and frontend experiments.
{
"name": "CornflowerBlue",
"hex": "#6495ED",
"rgb": "rgb(100, 149, 237)",
"hsl": "hsl(219, 79%, 66%)",
"oklch": "oklch(67.5% 0.141 261.3)"
}Official visual assets
Use these files for an editorial mention or tool directory listing.
Editorial citation guidelines
Link to the exact tool used or discussed, using its product name as the anchor.
Describe your own experience or example instead of copying generic promotional text.
For corrections, partnerships or educational use, contact contact@codescolorhtml.com.