Get HTML color codes, Hex color codes, RGB, HSL, and OKLCH values fast with our hex code picker, color wheel, color chart, image color picker and HTML color names collection.
Find the perfect color in seconds. Convert between HEX, RGB, HSL, and OKLCH, save palettes, and preview accessibility instantly.
Launch Tool →Extract beautiful color palettes from any image. Upload a photo and instantly discover dominant, vibrant, muted, and complementary colors.
Launch Tool →Explore colors visually and master color theory. Pick colors directly from the wheel, discover complementary and analogous harmonies, and create balanced palettes with ease..
Launch Tool →Stop typing CSS variables manually. Our engine instantly formats palettes into Tailwind v4, config objects, CSS, or Figma structures.
Every tool calculates WCAG Contrast Compliance in real-time, ensuring your designs are completely inclusive and readable.
Your uploads never leave your device. We use your browser's local Canvas API to process images with zero latency.
Instantly test your entire color palette against 4 different types of color vision deficiencies, including Protanopia and Tritanopia.
Translate colors flawlessly and precisely between industry-standard models including HEX, RGB, HSL, HSV, CMYK, and OKLCH.
Experience absolute zero lag. As you drag the color wheel or type a hex code, all gradients and harmonies update instantly.
Color codes are the universal language that computers, browsers, and displays use to interpret and render the colors we see on our screens. In web design and digital art, these formats which include Hex color codes, RGB, HSL, and modern OKLCH tell your monitor exactly how much light to emit to create a specific shade.
The most widely used format on the web is the Hexadecimal (Hex) color code. A Hex code is a six-digit alphanumeric sequence preceded by a hashtag (e.g., #FFFFFF). These six characters are divided into three pairs, representing the precise intensity of Red, Green, and Blue (RGB) light.
The values for each pair range from 00 (the absolute lowest intensity, or darkness) to FF (the highest intensity, or maximum brightness). By mixing these three primary colors of light, we can create any color imaginable.
Understanding this mathematical notation makes manipulating colors incredibly simple. For example, if you want to create a perfectly neutral grayscale color, you simply set all three RGB pairs to the exact same intensity (such as #808080 for standard gray, or #C0C0C0 for a lighter silver).
Because modern displays support the full spectrum of 24-bit color, there are exactly 16,777,216 possible color combinations. Trying to guess the exact six-digit code for a specific shade is impossible which is why we built HexCodePicker. Whether you need to extract a dominant palette from a photograph using our Image Picker, or construct the perfect UI scheme using our interactive Color Wheel, our suite of tools is designed to help you explore all 16.7 million possibilities with absolute precision.
| Color | Name | Hex code | RGB code | HSL code |
|---|---|---|---|---|
| White | FFFFFF | 255, 255, 255 | 0, 0, 100 | |
| Silver | C0C0C0 | 192, 192, 192 | 0, 0, 75 | |
| Gray | 808080 | 128, 128, 128 | 0, 0, 50 | |
| Black | 000000 | 0, 0, 0 | 0, 0, 0 | |
| Red | FF0000 | 255, 0, 0 | 0, 100, 50 | |
| Maroon | 800000 | 128, 0, 0 | 0, 100, 25 | |
| Yellow | FFFF00 | 255, 255, 0 | 60, 100, 50 | |
| Olive | 808000 | 128, 128, 0 | 60, 100, 25 | |
| Lime | 00FF00 | 0, 255, 0 | 120, 100, 50 | |
| Green | 008000 | 0, 128, 0 | 120, 100, 25 |