Color Chart One-Page View

Color Theory Color Theory Introduction Colors of the Rainbow Color Vision Color Properties / Terminology Color Luminance The Color Wheel Color Space and Gamut Color Tools HSL Color Picker Multi Model Color Blender Color Converter HSL Color Schemer Colors by Name 1-2-3 Image Resizer Black & White Picture Converter Sepia Tone Picture Converter Gray Card Color Chart One-Page View

This color chart represents a set of common colors ordered by name as an one-page overview. Each line consists of RGB values, HEX value, the color's name, luminance value, HSL values and a color rectangle. You can click on a color rectangle to import the color into the HSL Color Picker. RGB, HEX or HSL values can be used as HTML color code or CSS color code. At the bottom of the page you'll find a quick reminder on how to use colors in HTML/CSS.

You can scroll down the color chart if you're looking for inspiration, or you can use the following alphabetical navigation to reach a certain color more quickly. A , B , C , D , E , F , G , H , I , J , K , L , M , N , O , P , Q, R , S , T , U , V , W , X , Y , Z You can also browse these colors ordered by hue ranges and luminance. Our color names page is outlined as an introduction.

RedGreenBlueHEXColor NameLumHueSatLig Color
93138168#5D8AA8Air Force Blue532043051
240248255#F0F8FFAlice Blue9720810097
2273854#E32636Alizarin513557752
2294380#E52B50Amaranth533487853
2551910#FFBF00Amber784510050
16419857#A4C639Android Green70745550
1411820#8DB600Apple Green627410036
251206177#FBCEB1Apricot85249084
127255212#7FFFD4Aquamarine8816010075
758332#4B5320Army Green30694423
596875#3B444BArsenic262061226
233214107#E9D66BArylide Yellow82517467
178190181#B2BEB5Ash Grey73135872
135169107#87A96BAsparagus60932754
255153102#FF9966Atomic Tangerine712010070
1095326#6D351AAuburn28206126
0127255#007FFFAzure5721010050
137207240#89CFF0Baby Blue781997774
161202241#A1CAF1Baby Blue Eyes782097479
244194194#F4C2C2Baby Pink8206986
25520942#FFD12ABanana Yellow824710058
132132130#848482Battleship Grey5260151
152119123#98777BBazaar513531453
245245220#F5F5DCBeige95605691
614331#3D2B1FBistre19243318
000#000000Black0000
49140231#318CE7Bleu De France582107955
250240190#FAF0BEBlond93508686
00255#0000FFBlue4424010050
22293131#DE5D83Blush593426662
1216859#79443BBole3493435
20400#CC0000Boston University Red43010040
18116666#B5A642Brass63524748
1022550#66FF00Bright Green829610050
191148228#BF94E4Bright Lavender702726074
1953372#C32148Bright Maroon453467145
2550127#FF007FBright Pink6033010050
8232222#08E8DEBright Turquoise791779347
209159232#D19FE8Bright Ube742816177
06637#004225British Racing Green2015410013
20512750#CD7F32Bronze57306150
150750#964B00Brown383010029
255193204#FFC1CCBubble Gum8434910088
231254255#E7FEFFBubbles9718310095
240220130#F0DC82Buff85497973
128032#800020Burgundy2834510025
222184135#DEB887Burlywood74345770
204850#CC5500Burnt Orange492510040
23311681#E97451Burnt Sienna61147862
1385136#8A3324Burnt Umber3395934
18951164#BD33A4Byzantine523115847
1124199#702963Byzantium323114630
83104120#536878Cadet402061840
010760#006B3CCadmium Green3415410021
23713545#ED872DCadmium Orange64288455
227034#E30022Cadmium Red4935110045
163193173#A3C1ADCambridge Blue721401970
120134107#78866BCamouflage Green50911147
2552390#FFEF00Canary Yellow905610050
25580#FF0800Candy Apple Red54210050
1963058#C41E3ACardinal443507344
0204153#00CC99Caribbean Green6716510040
150024#960018Carmine3235010029
153186221#99BADDCarolina Blue732115073
23714533#ED9121Carrot Orange66338553
146161207#92A1CFCeil662253969
172225175#ACE1AFCeladon811234778
0123167#007BA7Cerulean4619610033
4282190#2A52BECerulean Blue412246445
16012090#A0785AChamoisee51262849
247231206#F7E7CEChampagne91377289
546979#36454FCharcoal262041926
2232550#DFFF00Chartreuse906810050
2224999#DE3163Cherry533437253
255183197#FFB7C5Cherry Blossom Pink8234810086
2059292#CD5C5CChestnut5305358
123630#7B3F00Chocolate313110024
2551670#FFA700Chrome Yellow733910050
152129123#98817BCinereous53121254
2276652#E34234Cinnabar5257655
21010530#D2691ECinnamon54257547
22820810#E4D00ACitrine79559247
251204231#FBCCE7Classic Rose883268589
0255111#00FF6FClover8114610050
071171#0047ABCobalt3621510034
155221255#9BDDFFColumbia Blue8320010080
04699#002E63Cool Black2121210019
140146172#8C92ACCool Grey592291661
18411551#B87333Copper52295746
255560#FF3800Coquelicot561310050
25512780#FF7F50Coral661610066
1376369#893F45Cordovan363553739
25123693#FBEC5DCorn89549567
1792727#B31B1BCornell Red3907440
100149237#6495EDCornflower Blue622197966
255248220#FFF8DCCornsilk974810093
255253208#FFFDD0Cream975710091
2202060#DC143CCrimson493488347
0255255#00FFFFCyan8718010050
25525549#FFFF31Daffodil946010060
24022548#F0E130Dandelion85558656
00139#00008BDark Blue2424010027
1016733#654321Dark Brown29305126
935784#5D3954Dark Byzantium303152429
16400#A40000Dark Candy Apple Red34010032
869126#08457EDark Cerulean292098826
15210596#986960Dark Chestnut47102349
2059169#CD5B45Dark Coral52105854
0139139#008B8BDark Cyan4718010027
18413411#B8860BDark Goldenrod55438938
15032#013220Dark Green151589610
263633#1A2421Dark Jungle Green131621612
189183107#BDB76BDark Khaki69563858
726050#483C32Dark Lava24271824
11579150#734F96Dark Lavender422703145
1390139#8B008BDark Magenta3930010027
051102#003366Dark Midnight Blue2321010020
8510747#556B2FDark Olive Green37823930
2551400#FF8C00Dark Orange673310050
119158203#779ECBDark Pastel Blue622124563
319260#03C03CDark Pastel Green601389738
150111214#966FD6Dark Pastel Purple582635664
1945934#C23B22Dark Pastel Red4597045
23184128#E75480Dark Pink593427562
051153#003399Dark Powder Blue3022010030
1353887#872657Dark Raspberry353305634
233150122#E9967ADark Salmon68157270
86325#560319Dark Scarlet193449317
602020#3C1414Dark Sienna1405016
477979#2F4F4FDark Slate Gray281802525
2311469#177245Dark Spring Green371506627
14512981#918151Dark Tan50452844
25516818#FFA812Dark Tangerine733810054
2047892#CC4E5CDark Terra Cotta513535555
1480211#9400D3Dark Violet4828210041
858585#555555Davy'S Grey330033
2196189#1560BDDenim432138041
193154107#C19A6BDesert63334159
237201175#EDC9AFDesert Sand82256381
105105105#696969Dim Gray410041
133187101#85BB65Dollar Bill65983956
00156#00009CDuke Blue2724010031
22516995#E1A95FEarth Yellow70346863
976481#614051Eggplant313292132
80200120#50C878Emerald661405255
229170112#E5AA70Fawn71306967
255280#FF1C00Ferrari Red54710050
2062232#CE1620Fire Engine Red453578145
1783434#B22222Firebrick3906842
2268834#E25822Flame54177751
252142172#FC8EACFlamingo Pink733449577
247233142#F7E98EFlavescent89528776
16833#014421Forest Green211499714
22815515#E49B0FGamboge66398848
248248255#F8F8FFGhost White9824010099
96130182#6082B6Glaucous532163755
15310121#996515Golden Brown44367634
2552230#FFDF00Golden Yellow855210050
21816532#DAA520Goldenrod67437449
128128128#808080Gray500050
01280#008000Green3912010025
113166210#71A6D2Iceberg642075263
25224794#FCF75EIcterine92589668
17823693#B2EC5DInchworm82847965
191368#138808India Green421158928
2559292#FF5C5CIndian Red62010068
22716887#E3A857Indian Yellow70357162
047167#002FA7International Klein Blue3222310033
255255240#FFFFF0Ivory996010097
0168107#00A86BJade5415810033
2155962#D73B3EJasper503596654
195176145#C3B091Khaki70372967
181126220#B57EDCLavender642755768
204204255#CCCCFFLavender Blue8424010090
255240245#FFF0F5Lavender Blush9634010097
196195208#C4C3D0Lavender Gray782451279
1242520#7CFC00Lawn Green829010049
2552470#FFF700Lemon925810050
1912550#BFFF00Lime877510050
2550255#FF00FFMagenta7030010050
192640#C04000Mahogany442010038
12800#800000Maroon26010025
2525112#191970Midnight Blue222406427
62180137#3EB489Mint601584947
25521988#FFDB58Mustard854710067
00128#000080Navy Blue2224010025
20411934#CC7722Ochre55307147
1281280#808000Olive476010025
2551270#FF7F00Orange653010050
03371#002147Oxford Blue1521210014
174198207#AEC6CFPastel Blue761962675
13110583#836953Pastel Brown43282242
207207196#CFCFC4Pastel Gray81601079
119221119#77DD77Pastel Green741206067
244154194#F49AC2Pastel Magenta753338078
25517971#FFB347Pastel Orange763510064
255209220#FFD1DCPastel Pink8834610091
179158181#B39EB5Pastel Purple662951366
25510597#FF6961Pastel Red64310069
203153201#CB99C9Pastel Violet703023270
253253150#FDFD96Pastel Yellow95609679
255229180#FFE5B4Peach913910085
20922649#D1E231Pear81667554
240234214#F0EAD6Pearl91464689
2302260#E6E200Peridot835910045
1121111#01796FPine Green401759824
255192203#FFC0CBPink8435010088
147197114#93C572Pistachio69964261
229228226#E5E4E2Platinum8940589
14269133#8E4585Plum433073541
2559054#FF5A36Portland Orange601110061
1122828#701C1CPrune2506027
25511724#FF7518Pumpkin632410055
10553156#69359CPurple Heart382704941
2271193#E30B5DRaspberry523379147
13010268#826644Raw Umber42333139
25500#FF0000Red54010050
657251#414833Rifle Green27801724
101011#65000BRosewood2135310020
035102#002366Royal Blue2021910020
2241795#E0115FRuby513378647
1836514#B7410ERust43188639
2551030#FF6700Safety Orange612410050
24419648#F4C430Saffron78459057
255140105#FF8C69Salmon691410071
194178128#C2B280Sand69453563
15011323#967117Sand Dune46437334
23621364#ECD540Sandstorm81528259
837103#082567Sapphire212228622
502020#321414Seal Brown1204314
255245238#FFF5EESeashell972510097
1126620#704214Sepia30307026
13812193#8A795DShadow48371945
192192192#C0C0C0Silver750075
2036511#CB410BSinopia46179042
135206235#87CEEBSky Blue771977173
207113175#CF71AFSky Magenta623204963
255250250#FFFAFASnow99010099
1672520#A7FC00Spring Bud858010049
70130180#4682B4Steel Blue512074449
228217111#E4D96FStraw82546866
250214165#FAD6A5Sunset86358981
2421330#F28500Tangerine643310047
0128128#008080Teal4318010025
22611491#E2725BTerra Cotta60107062
2382300#EEE600Titanium Yellow855810047
011794#00755ETropical Rain Forest3816810023
48213200#30D5C8Turquoise731756651
1810143#120A8FUltramarine252448730
91146229#5B92E5United Nations Blue602167363
243229171#F3E5ABVanilla89487581
1430255#8F00FFViolet5327410050
245222179#F5DEB3Wheat88397783
255255255#FFFFFFWhite10000100
245245245#F5F5F5White Smoke960096
115134120#738678Xanadu50136849
1577146#0F4D92Yale Blue342128132
2552550#FFFF00Yellow946010050
↑ go to top

Quick reminder on how to use color in HTML/CSS:

Font Color: Background Color: Border Color: style="color: #0000FF;" style="background-color: #0000FF;" style="border-color: #0000FF;"

For other documents / applications just copy & paste the HEX / RGB values from the color chart. Here you can switch to the segemented hue ranges:

Link to this page: URL HTML Link Citation Email Copy and paste the following text: Click here for sending the page's address with your email program. ↑ go to top Home - - About - Contact - Privacy Policy

Từ khóa » Hsl Colour Code