Pick colors and convert HEX to RGB and HSL. Color picker tool for web developers and designers.
📖 Read our detailed guide: HEX Color Code Picker — everything you need to know
Read Guide →A HEX color code is a 6-digit hexadecimal number preceded by # that represents a color. The six digits split into three pairs: first two for red, middle two for green, last two for blue. For example, #FF0000 is pure red, #00FF00 is green, and #0000FF is blue.
HEX (#FF5733), RGB (rgb(255,87,51)), and HSL (hsl(14,100%,60%)) express the same color differently. HEX is compact and popular in CSS. RGB specifies red/green/blue intensity (0 to 255). HSL uses hue, saturation, and lightness, which is more intuitive for designers.
Use proven methods: Complementary colors (opposite on the color wheel) for high contrast. Analogous colors (adjacent) for harmony. Triadic colors (120 degrees apart) for vibrant palettes. Start with one brand color and derive others using these rules.
Contrast ratio measures brightness difference between foreground and background. WCAG accessibility guidelines require 4.5:1 minimum for normal text and 3:1 for large text. Poor contrast makes text hard to read, especially for visually impaired users.
Copy the HEX code and use it in CSS: color: #3b82f6 for text, background-color for backgrounds, or border-color for borders. You can also use RGB format. Most design tools and CSS frameworks accept both formats.