- Choose your colors, Learn and Create!
- Color Codes
- RGBA [ ]
- Example [ ]
- 216 «Web safe» Colors [ ]
- X11 Color Names [ ]
- HTML — Color codes
- HTML — The RGB color system
- HTML — The hexadecimal color system
- HTML — Color code — Breaking the code
- Decimal
- HEX
- True colors
- #cccccc / #ccc Шестнадцатеричный Код Цветов
- Цветовые вариации
- Именованные цвета
- Близко Связаны
- Косвенно Связаны
- Отдаленно Связаны
- Цветовые схемы
- Оттенки
- #cccccc в Черный
- Краски
- Точные соответствия
- Tamiya 80316,XF16
- N23 Neutral Grey
- Silver
- 1802-Y32R
- Havstulpan 506 / S 2000-N
- Связанные краски
- JPMA
- FolkArt
- Levis
- Toyo Ink
- CIL
- Valspar Paint
- Testors
- Tikkurila
- Dulux Australia
- Audi
- Olympic
- Sikkens
- ProMarker
- Ressource Peintures
- Frenchic Paint
- Diamond Vogel
- Flügger
- New Look
- Devoe Paint
- Crown Diamond
- Peintures MF
- Model Master
- Benjamin Moore
- Laura Ashley
- Humbrol
- Tollens
- Nerolac
- Talbot
- Brighto Paints
- Coronado Paint
- Bristol
- Colortrend
- Sto
- RAL
- Taubmans
- Beckers
- Marston & Langinger
- Dunn-Edwards
- Nature Paint
- Asian Paints
- Wattyl
- Chrysler
- Limestrong
- 1829
- Opulence
- Aerospace Material Specification
- Federal Standard
- Vista Paint
- Berger
- McCormick Paints
- Scib Paints
- Kelly-Moore
- Cloverdale Paint
- Rodda Paint
- Ford
- Focoltone
- Resene
- Behr
- Earthpaint
- ECOS Paints
- Homebase
- Sigma
- Alcro
- Comex
- Crown Paint
- CHROMATIC
- ICI Paints
- Waverly
- General Paint
- Color Truck Guide
- Para
- Duron
- Glidden
- PPG Pittsburgh Paints
- ISOMAT
- Sherwin-Williams
- Caparol
- Dutch Boy
- Johnstone’s Paint
- Clark+Kensington
- Little Greene
- Brillux
- Craig & Rose
- TRUMATCH
- GM / General Motors
- Pratt & Lambert
- California Paints
- Delta
- Pantone / PMS
- KILZ
- Auro
- Rust-Oleum
- Disney
- British Standard
- Fired Earth
- Teknos
- Nippon Paint
- Evonik-Degussa
- Changan
- Tamiya
- Sico
- Dulux
- Porter Paints
- #cccccc HTML и CSS Примеры
- #cccccc передний план
- #cccccc фон
- #cccccc тень текста
- Чарт Композиций
- RGB
- CMYK
- RYB
- Цветовые пространства
Choose your colors, Learn and Create!
Ran out of imagination? Explore our color picker and choose the perfect color for your project. RGB, HEX, HSL, CMYK, we’ve got you covered. Our color picker is smart enough to understand all color codes.
HEX
RGB
HSL
We got hundreds of color combinations! Check out our color chart page to get inspired. Explore flat design colors, Google Material design, fluent colors, metro design scheme, all with HEX and RGB color codes.
We have created a wonderful section to share your color palettes and we also did an awesome color palette creator for you to create the most epic palettes ever. Show us your talent!
Dont know how to create gradients? No problem, with our gradients and gradients generator you would realize how easy and beautiful is to create gradients. Take a look!
What are the 8 HTML Color Values?
Now we are talking about the 8 HTML color values (HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK).
The HEX Color Value is represented in hexadecimal, so the range goes from 00 to FF for each of them. The code is expressed as follows: #RRGGBB, each of the 2-digit values being the range of each of the 3 colors, with which we choose the final value that represents each color.
The RGB Color Value, Red — Green — Blue, is based on mixing these 3 colors to get the full range. Each of the colors takes a value between 0 and 255, a total of 256, with which a total of 256 x 256 x 256 is achieved = 16,777,216 different colors. Mixing these three colors would give you a rgb color code represented like this RGB(23,34,255).
The RGBA Color Value, Red — Green — Blue — Alpha that add a new factor, the alpha channel, that is, the opacity or transparency that follows the same percentage scheme: 0% represents absolute transparency and 100% represents absolute opacity which is the way we traditionally see colors.
The HSL Color Value, This model includes two additional parameters to the hue or chroma to obtain the color, which are saturation or brightness or tone. Hence its acronym: HSL (H — hue or hue, S — saturation or saturation, L — luminosity or luminosity / tone).
The HSLA Color Value, (H — hue or hue, S — saturation or saturation, L — luminosity or luminosity / tone — A — ALPHA), is a system is not a system that has been commonly used in web design, but it is used in other areas such as photographic editing or design (in general).
The HSV Color Value includes two additional parameters to the hue or chroma to obtain the color, which are saturation and value. Hence its acronym: HSV (H — hue or hue, S — saturation or saturation, V — value or value).
The HWB Color Value, (Hue-Whiteness-Blackness), is very similar to the HSV (Hue, Saturation, Value) and HSL (Hue, Saturation, Lightness), except that neither HSV nor HSL provides saturation for whiteness.
The CMYK Color Value is a subtractive model and is used in printing from pigments of three basic colors: C — cyan, M — magenta and Y — yellow. The K comes from the black, since the combination of the three previous ones produces a black little pure.
FOR MORE INFORMATION VISIT THE LINKS THAT ARE IN THE TEXT OR VISIT OUR COLOR THEORY.
Color Name | Color Code | Color Name | Color Code |
---|---|---|---|
Red | #FF0000 | White | #FFFFFF |
Cyan | #00FFFF | Silver | #C0C0C0 |
Blue | #0000FF | Gray | #808080 |
DarkBlue | #0000A0 | Black | #000000 |
LightBlue | #ADD8E6 | Orange | #FFA500 |
Purple | #800080 | Brown | #A52A2A |
Yellow | #FFFF00 | Maroon | #800000 |
Lime | #00FF00 | Green | #008000 |
Magenta | #FF00FF | Olive | #808000 |
Common Colors
What better way to help you find your perfect color than giving you the common colors of this time . Take a look and good luck!
Color Codes
W3C have listed only 16 valid color names: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.
If you want valid HTML or CSS, use the HEX values instead.
RGBA [ ]
CSS3 introduced the possibility to use RGBA (RGB with Alpha) colors.
Where a is the level of red, b the level green and c the level blue (must all be a number between 0 and 255).
d is the transparency of the color, and it must be a value between 0 and 1 (ex : 0.7).
Example [ ]
Will render like this: Lorem ipsum
216 «Web safe» Colors [ ]
Below is a table showing the 216 web safe colors. The really safe colors are underlined:
*000* | 300 | 600 | 900 | C00 | *F00* |
*003* | 303 | 603 | 903 | C03 | *F03* |
006 | 306 | 606 | 906 | C06 | F06 |
009 | 309 | 609 | 909 | C09 | F09 |
00C | 30C | 60C | 90C | C0C | F0C |
*00F* | 30F | 60F | 90F | C0F | *F0F* |
030 | 330 | 630 | 930 | C30 | F30 |
033 | 333 | 633 | 933 | C33 | F33 |
036 | 336 | 636 | 936 | C36 | F36 |
039 | 339 | 639 | 939 | C39 | F39 |
03C | 33C | 63C | 93C | C3C | F3C |
03F | 33F | 63F | 93F | C3F | F3F |
060 | 360 | 660 | 960 | C60 | F60 |
063 | 363 | 663 | 963 | C63 | F63 |
066 | 366 | 666 | 966 | C66 | F66 |
069 | 369 | 669 | 969 | C69 | F69 |
06C | 36C | 66C | 96C | C6C | F6C |
06F | 36F | 66F | 96F | C6F | F6F |
090 | 390 | 690 | 990 | C90 | F90 |
093 | 393 | 693 | 993 | C93 | F93 |
096 | 396 | 696 | 996 | C96 | F96 |
099 | 399 | 699 | 999 | C99 | F99 |
09C | 39C | 69C | 99C | C9C | F9C |
09F | 39F | 69F | 99F | C9F | F9F |
0C0 | 3C0 | 6C0 | 9C0 | CC0 | FC0 |
0C3 | 3C3 | 6C3 | 9C3 | CC3 | FC3 |
0C6 | 3C6 | 6C6 | 9C6 | CC6 | FC6 |
0C9 | 3C9 | 6C9 | 9C9 | CC9 | FC9 |
0CC | 3CC | 6CC | 9CC | CCC | FCC |
0CF | 3CF | 6CF | 9CF | CCF | FCF |
*0F0* | 3F0 | *6F0* | 9F0 | CF0 | *FF0* |
0F3 | *3F3* | *6F3* | 9F3 | CF3 | *FF3* |
*0F6* | *3F6* | 6F6 | 9F6 | *CF6* | *FF6* |
0F9 | 3F9 | 6F9 | 9F9 | CF9 | FF9 |
*0FC* | *3FC* | 6FC | 9FC | CFC | FFC |
*0FF* | *3FF* | *6FF* | 9FF | CFF | *FFF* |
Web safe colors used to be really important when 8-bit was the standard color setting for most users. However, now with most people using at least 24-bit, moving to 36-bit, they are less important, with more people using hex or decimal colors.
X11 Color Names [ ]
From 2005, most general use browsers have given some of the colors names.
HTML — Color codes
There are three different ways of defining color. The easiest way is to name the color in English. For example: black, white, red, green and blue. I have put together the names of the color which are supported in HTML
Color | Hexa | Color | Hex | Color | Hex | Color | Hex |
---|---|---|---|---|---|---|---|
aqua | #00FFFF | green | #008000 | navy | #000080 | silver | #C0C0C0 |
black | #000000 | gray | #808080 | olive | #808000 | teal | #008080 |
blue | #0000FF | lime | #00FF00 | purple | #800080 | white | #FFFFFF |
fuchsia | #FF00FF | maroon | #800000 | red | #FF0000 | yellow | #FFFF00 |
HTML — The RGB color system
This color code is not recommended because Internet Explorer is the only browser that supports RGB values in HTML.
RGB is a shortcut from Red, Green, Blue. Every single color of these can take any value between 0 (which doesn’t matter) and 255 (the full proprieties of that color). I have put together the way of how you write RGB colors. If you use a browser that is not Internet Explorer you will have no result.
HTML — The hexadecimal color system
The hexadecimal system is pretty hard at first look but with all this, we assure you that once the time passing, and with a bit of practice, you will understand it fully. The hexadecimal color system is the standard system for all web browsers. Is confident and compatible not only in web applications.
The hexadecimal system is a representation of 6 color characters. The first two characters (RR) represent the red value, and the next two (GG) are green, and the last two (BB) are blue.
HTML — Color code — Breaking the code
The next table shows , more precisely, how the letters are integrated in the hexadecimal system, making the combination possibilities bigger.
Decimal
HEX
In this way the possibilities are bigger and the system can have 16 values.
An example of hexadecimal code would be:
The «F» letter is the maximum value that the system can take. When a browser sees this code it will show the white color. In case you want to find out the numerical value of this color we have the next formula:
The formula is very simple. We take the first value of the «F» or 15 and we multiply it by 16 and we add to the second value 15. The result is 255, the maximum value whom a primary color can have.
htmlbgcolor="#CC7005" CC(RR - Red) (12 * 16) + (12) = 204 70(GG - Green) (7 * 16) + (0) = 112 05(BB - Blue) (0 * 16) + (5) = 5
True colors
The hexadecimal system is very used for creating pages. This is compatible with the majority of the browsers, in this way the displayed colors for a web page will not be changed. As an assurance, use the colors true colors like :»#0011EE», «#44HHFF», or «#117788». This type of colors will not be changed in a browser.
Here we have a list of the true colors
*000 | 300 | 600 | 900 | C00 | *F00 |
*003 | 303 | 603 | 903 | C03 | *F03 |
006 | 306 | 606 | 906 | C06 | F06 |
009 | 309 | 609 | 909 | C09 | F09 |
00C | 30C | 60C | 90C | C0C | F0C |
*00F | 30F | 60F | 90F | C0F | *F0F |
030 | 330 | 630 | 930 | C30 | F30 |
033 | 333 | 633 | 933 | C33 | F33 |
036 | 336 | 636 | 936 | C36 | F36 |
039 | 339 | 639 | 939 | C39 | F39 |
03C | 33C | 63C | 93C | C3C | F3C |
03F | 33F | 63F | 93F | C3F | F3F |
060 | 360 | 660 | 960 | C60 | F60 |
063 | 363 | 663 | 963 | C63 | F63 |
066 | 366 | 666 | 966 | C66 | F66 |
069 | 369 | 669 | 969 | C69 | F69 |
06C | 36C | 66C | 96C | C6C | F6C |
06F | 36F | 66F | 96F | C6F | F6F |
090 | 390 | 690 | 990 | C90 | F90 |
093 | 393 | 693 | 993 | C93 | F93 |
096 | 396 | 696 | 996 | C96 | F96 |
099 | 399 | 699 | 999 | C99 | F99 |
09C | 39C | 69C | 99C | C9C | F9C |
09F | 39F | 69F | 99F | C9F | F9F |
0C0 | 3C0 | 6C0 | 9C0 | CC0 | FC0 |
0C3 | 3C3 | 6C3 | 9C3 | CC3 | FC3 |
0C6 | 3C6 | 6C6 | 9C6 | CC6 | FC6 |
0C9 | 3C9 | 6C9 | 9C9 | CC9 | FC9 |
0CC | 3CC | 6CC | 9CC | CCC | FCC |
0CF | 3CF | 6CF | 9CF | CCF | FCF |
*0F0 | 3F0 | *6F0 | 9F0 | CF0 | *FF0 |
0F3 | *3F3 | *6F3 | 9F3 | CF3 | *FF3 |
*0F6 | *3F6 | 6F6 | 9F6 | *CF6 | *FF6 |
0F9 | 3F9 | 6F9 | 9F9 | CF9 | FF9 |
*0FC | *3FC | 6FC | 9FC | CFC | FFC |
*0FF | *3FF | *6FF | 9FF | CFF | *FFF |
We recommend to stick to these 216 «web-safe». However, 8-bit color displays were much more common when the 216-color palette was developed than they are now. Anyway, it has been discovered that only 22 of the 216 colors in the web-safe palette are reliably displayed without inconsistent remapping on 16-bit computer displays.
We attached here a table with these 22 really safe colors:
#cccccc / #ccc Шестнадцатеричный Код Цветов
Шестнадцатеричный код цвета #cccccc / #ccc является светлый оттенком серый. В модели цвета RGB #cccccc составляет 80% красного, 80% зеленого и 80% синего. В цветовом пространстве HSL #cccccc имеет оттенок 0° (градусов), 0% насыщенность и 80% светлости. Этот цвет имеет приблизительную длину волны в 0 nm.
Цветовые вариации
Именованные цвета
Близко Связаны
Косвенно Связаны
Отдаленно Связаны
Цветовые схемы
Оттенки
#cccccc в Черный
Краски
Точные соответствия
Tamiya 80316,XF16
N23 Neutral Grey
Silver
1802-Y32R
Havstulpan 506 / S 2000-N
Связанные краски
JPMA
FolkArt
Levis
Toyo Ink
CIL
Valspar Paint
Testors
Tikkurila
Dulux Australia
Audi
Olympic
Sikkens
ProMarker
Ressource Peintures
Frenchic Paint
Diamond Vogel
Flügger
New Look
Devoe Paint
Crown Diamond
Peintures MF
Model Master
Benjamin Moore
Laura Ashley
Humbrol
Tollens
Nerolac
Talbot
Brighto Paints
Coronado Paint
Bristol
Colortrend
Sto
RAL
Taubmans
Beckers
Marston & Langinger
Dunn-Edwards
Nature Paint
Asian Paints
Wattyl
Chrysler
Limestrong
1829
Opulence
Aerospace Material Specification
Federal Standard
Vista Paint
Berger
McCormick Paints
Scib Paints
Kelly-Moore
Cloverdale Paint
Rodda Paint
Ford
Focoltone
Resene
Behr
Earthpaint
ECOS Paints
Homebase
Sigma
Alcro
Comex
Crown Paint
CHROMATIC
ICI Paints
Waverly
General Paint
Color Truck Guide
Para
Duron
Glidden
PPG Pittsburgh Paints
ISOMAT
Sherwin-Williams
Caparol
Dutch Boy
Johnstone’s Paint
Clark+Kensington
Little Greene
Brillux
Craig & Rose
TRUMATCH
GM / General Motors
Pratt & Lambert
California Paints
Delta
Pantone / PMS
KILZ
Auro
Rust-Oleum
Disney
British Standard
Fired Earth
Teknos
Nippon Paint
Evonik-Degussa
Changan
Tamiya
Sico
Dulux
Porter Paints
#cccccc HTML и CSS Примеры
#cccccc передний план
#cccccc фон
#cccccc тень текста
Чарт Композиций
RGB
CMYK
RYB
Цветовые пространства
Десятичный 13421772 Двоичный 11001100, 11001100, 11001100 Шестнадцатеричный #cccccc / #ccc LRV ≈ 60.4% RGB rgb(204, 204, 204) RGBA rgba(204, 204, 204, 1.0) Цветность rg r: 0.333, g: 0.333, b: 0.333 RYB красный: 80.000%, желтый: 80.000%, синий: 80.000% Android / android.graphics.Color -3355444 / 0xffcccccc HSL hsl(0, 0%, 80%) HSLA hsla(0, 0%, 80%, 1.0) HSV / HSB оттенок: 0° (0.000), насыщение: 0% (0.000), стоимость: 80% (0.800) HSP оттенок: 0.000, насыщение: 0.000%, воспринимаемая яркость: 80.000% HSLuv (HUSL) H: 146.356, S: 0.000, L: 82.046 Cubehelix H: -120.000, S: 0.000, L: 0.800 TSL T: 0.000, S: 0.000, L: 0.800 CMYK голубой: 0% (0.000), пурпурный: 0% (0.000), желтый: 0% (0.000), чёрный: 20% (0.200) CMY голубой: 20% (0.200), пурпурный: 20% (0.200), желтый: 20% (0.200) XYZ X: 57.392, Y: 60.383, Z: 65.747 xyY x: 0.313, y: 0.329, Y: 60.383 CIELab L: 82.046, a: -0.000, b: 0.000 CIELuv L: 82.046, u: -0.000, v: 0.000 CIELCH / LCHab L: 82.046, C: 0.000, H: 158.199 CIELUV / LCHuv L: 82.046, C: 0.000, H: 146.356 Hunter-Lab L: 77.706, a: -4.150, b: 4.230 CIECAM02 J: 75.997, C: 1.933, h: 210.927, Q: 171.755, M: 1.690, s: 9.920, H: 267.798 OSA-UCS расторопность: -10.081, желтый: -0.177, зеленый: 0.306 LMS L: 57.320, M: 62.520, S: 65.649 YCbCr Y: 191.236, Cb: 128.000, Cr: 128.000 YCoCg Y: 204.000, Cg: 0.000, Co: 51.000 YDbDr Y: 204.000, Db: 0.000, Dr: 0.000 YPbPr Y: 204.000, Pb: 0.000, Pr: 0.000 xvYCC Y: 191.200, Cb: 128.000, Cr: 128.000 YIQ Y: 204.000, I: 0.000, Q: 0.000 YUV Y: 204.000, U: 0.002, V: 0.000 Okhsl h: 89.876, s: 0.000, l: 0.820 Okhsv h: 89.876. s: 0.000, v: 0.820 Okhwb h: 89.876, w: 0.820, b: 0.180 Oklab l: 0.845, a: 0.000, b: 0.000 Oklch l: 0.845, c: 0.000, h: 89.876 Цветовая Система Манселл 10P 8/1 ΔE = 1.458 Цвет бренда Southwest Airlines Summit Silver ΔE = 9.329