CSS barevné kódy a názvy.
Kód barvy může být jeden z:
Hexadecimální formát: #rrggbb
Formát RGB: rgb (červená, zelená, modrá)
Formát jména: jméno
Pro oranžovou barvu:
Hexadecimální formát: #FFA500
Formát RGB: rgb (255,165,0)
Formát jména: oranžový
Pro konkrétní prvek:
<element style="color: code;"></element>
Pro všechny prvky stejného typu. Vložte kód do tagu <style> v sekci head:
<style>
element { color: code; }
</style>
Nastavení barvy textu odstavce na červenou:
Nastavení barvy konkrétního odstavce:
<p style="color: #FF0000;">Some text ...</p>
Pohled:
Nějaký text...
Nastavení barvy všech odstavců
<style>
p { color: #FF0000; }
</style>
element { background: code; }
Nastavení barvy pozadí odstavce na červenou:
Nastavení barvy pozadí konkrétního odstavce:
<p style="background: #FF0000;">Some text ...</p>
Pohled:
Nějaký text...
Nastavení barvy pozadí všech odstavců:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
Nastavení barvy okraje odstavce na červenou, zelenou, modrou a černou:
Nastavení barvy ohraničení konkrétního odstavce:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
Pohled:
Nějaký text...
Nastavení barvy ohraničení všech odstavců:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
Barva | Název barvy HTML / CSS |
Hexadecimální kód #RRGGBB |
Desetinný kód (R,G,B) |
---|---|---|---|
světlý losos | #FFA07A | rgb(255,160,122) | |
losos | #FA8072 | rgb(250,128,114) | |
tmavý losos | #E9967A | rgb(233,150,122) | |
světlý korál | #F08080 | rgb(240,128,128) | |
indiánská | #CD5C5C | rgb(205,92,92) | |
karmínový | #DC143C | rgb(220,20,60) | |
pálená cihla | #B22222 | rgb(178,34,34) | |
Červené | #FF0000 | rgb(255,0,0) | |
tmavě červená | #8B0000 | rgb(139,0,0) |
Barva | Název barvy HTML / CSS |
Hexadecimální kód #RRGGBB |
Desetinný kód (R,G,B) |
---|---|---|---|
korál | #FF7F50 | rgb(255,127,80) | |
rajče | #FF6347 | rgb(255,99,71) | |
oranžová červená | #FF4500 | rgb(255,69,0) | |
zlato | #FFD700 | rgb(255,215,0) | |
oranžový | #FFA500 | rgb(255,165,0) | |
tmavě oranžová | #FF8C00 | rgb(255,140,0) |
Barva | Název barvy HTML / CSS |
Hexadecimální kód #RRGGBB |
Desetinný kód (R,G,B) |
---|---|---|---|
světle žlutá | #FFFFE0 | rgb(255,255,224) | |
citronový šifon | #FFFACD | rgb(255,250,205) | |
světle zlatožlutá | #FAFAD2 | rgb(250,250,210) | |
papayawhip | #FFEFD5 | rgb(255,239,213) | |
mokasín | #FFE4B5 | rgb(255,228,181) | |
broskvoň | #FFDAB9 | rgb(255,218,185) | |
palegoldenrod | #EEE8AA | rgb(238,232,170) | |
khaki | #F0E68C | rgb(240,230,140) | |
darkkhaki | #BDB76B | rgb(189,183,107) | |
žlutá | #FFFF00 | rgb(255,255,0) |
Barva | Název barvy HTML / CSS |
Hexadecimální kód #RRGGBB |
Desetinný kód (R,G,B) |
---|---|---|---|
trávníková zeleň | #7CFC00 | rgb(124,252,0) | |
chartreuse | #7FFF00 | rgb(127,255,0) | |
Limetkově zelená | #32CD32 | rgb(50,205,50) | |
Limetka | #00FF00 | rgb (0,255,0) | |
lesní zelená | #228B22 | rgb(34,139,34) | |
zelená | #008000 | rgb(0,128,0) | |
tmavozelený | #006400 | rgb(0,100,0) | |
zelená žlutá | #ADFF2F | rgb(173,255,47) | |
žluto zelená | #9ACD32 | rgb(154,205,50) | |
jarní zelená | #00FF7F | rgb(0,255,127) | |
středně jarní zelená | #00FA9A | rgb(0,250,154) | |
světle zelená | #90EE90 | rgb(144,238,144) | |
bledězelená | #98FB98 | rgb(152,251,152) | |
tmavě seagreen | #8FBC8F | rgb(143,188,143) | |
středně zelená | #3CB371 | rgb(60 179 113) | |
zelené moře | #2E8B57 | rgb(46,139,87) | |
olivový | #808000 | rgb(128,128,0) | |
darkolivegreen | #556B2F | rgb(85,107,47) | |
olivedrab | #6B8E23 | rgb(107,142,35) |
Barva | Název barvy HTML / CSS |
Hexadecimální kód #RRGGBB |
Desetinný kód (R,G,B) |
---|---|---|---|
světle azurová | #E0FFFF | rgb(224,255,255) | |
tyrkysová | #00FFFF | rgb(0,255,255) | |
aqua | #00FFFF | rgb(0,255,255) | |
akvamarín | #7FFFD4 | rgb(127,255,212) | |
střední akvamarín | #66CDAA | rgb(102,205,170) | |
paleturquoise | #AFEEEE | rgb(175,238,238) | |
tyrkysový | #40E0D0 | rgb(64,224,208) | |
středně tyrkysová | #48D1CC | rgb(72,209,204) | |
tmavě tyrkysová | #00CED1 | rgb(0,206,209) | |
světlezelená | #20B2AA | rgb(32,178,170) | |
kadetblue | #5F9EA0 | rgb(95,158,160) | |
temně azurová | #008B8B | rgb(0,139,139) | |
modrozelená | #008080 | rgb(0,128,128) |
Barva | Název barvy HTML / CSS |
Hexadecimální kód #RRGGBB |
Desetinný kód (R,G,B) |
---|---|---|---|
Modrý prášek | #B0E0E6 | rgb(176,224,230) | |
světle modrá | #ADD8E6 | rgb(173,216,230) | |
světle nebesky modrá | #87CEFA | rgb(135,206,250) | |
modrá obloha | #87CEEB | rgb(135,206,235) | |
tmavě modrá | #00BFFF | rgb(0,191,255) | |
světleocelová modrá | #B0C4DE | rgb(176,196,222) | |
dodgerblue | #1E90FF | rgb(30,144,255) | |
chrpa modrá | #6495ED | rgb(100,149,237) | |
ocelově modrá | #4682B4 | rgb(70,130,180) | |
královská modrá | #4169E1 | rgb(65,105,225) | |
modrý | #0000FF | rgb(0,0,255) | |
středně modrá | #0000 CD | rgb(0,0,205) | |
tmavě modrá | #00008B | rgb(0,0,139) | |
námořnictvo | #000080 | rgb(0,0,128) | |
půlnoční modrá | #191970 | rgb(25,25,112) | |
mediumslateblue | #7B68EE | rgb(123,104,238) | |
slateblue | #6A5ACD | rgb(106,90,205) | |
tmavěslatemodrá | #483D8B | rgb(72,61,139) |
Barva | Název barvy HTML / CSS |
Hexadecimální kód #RRGGBB |
Desetinný kód (R,G,B) |
---|---|---|---|
levandule | #E6E6FA | rgb(230,230,250) | |
bodlák | #D8BFD8 | rgb(216,191,216) | |
švestka | #DDA0DD | rgb(221,160,221) | |
fialový | #EE82EE | rgb(238,130,238) | |
orchidej | #DA70D6 | rgb(218,112,214) | |
fuchsie | #FF00FF | rgb(255,0,255) | |
purpurová | #FF00FF | rgb(255,0,255) | |
střední orchidej | #BA55D3 | rgb(186,85,211) | |
středně fialová | #9370DB | rgb(147,112,219) | |
modrofialová | #8A2BE2 | rgb(138,43,226) | |
tmavě fialová | #9400D3 | rgb(148,0,211) | |
darkorchid | #9932CC | rgb(153,50,204) | |
temně purpurová | #8B008B | rgb(139,0,139) | |
nachový | #800080 | rgb(128,0,128) | |
indigo | #4B0082 | rgb(75,0,130) |
Barva | Název barvy HTML / CSS |
Hexadecimální kód #RRGGBB |
Desetinný kód (R,G,B) |
---|---|---|---|
růžový | #FFC0CB | rgb(255,192,203) | |
světle růžová | #FFB6C1 | rgb(255,182,193) | |
hotpink | #FF69B4 | rgb(255,105,180) | |
sytě růžová | #FF1493 | rgb(255,20,147) | |
palefialová | #DB7093 | rgb(219,112,147) | |
středně fialová | #C71585 | rgb(199,21,133) |
Barva | Název barvy HTML / CSS |
Hexadecimální kód #RRGGBB |
Desetinný kód (R,G,B) |
---|---|---|---|
bílý | #FFFFFF | rgb(255,255,255) | |
sníh | #FFFAFA | rgb(255,250,250) | |
medovice | #F0FFF0 | rgb(240,255,240) | |
mátový krém | #F5FFFA | rgb(245,255,250) | |
blankyt | #F0FFFF | rgb(240,255,255) | |
alicemodrá | #F0F8FF | rgb(240,248,255) | |
ghostwhite | #F8F8FF | rgb(248,248,255) | |
bílý kouř | #F5F5F5 | rgb(245,245,245) | |
mušle | #FFF5EE | rgb(255,245,238) | |
béžový | #F5F5DC | rgb(245,245,220) | |
oldlace | #FDF5E6 | rgb(253,245,230) | |
květinově bílá | #FFFAF0 | rgb(255,250,240) | |
slonová kost | #FFFFF0 | rgb(255,255,240) | |
starožitný bílý | #FAEBD7 | rgb(250,235,215) | |
prádlo | #FAF0E6 | rgb(250,240,230) | |
levandulový ruměnec | #FFF0F5 | rgb(255,240,245) | |
mistyrose | #FFE4E1 | rgb(255,228,225) |
Barva | Název barvy HTML / CSS |
Hexadecimální kód #RRGGBB |
Desetinný kód (R,G,B) |
---|---|---|---|
gainsboro | #DCDCDC | rgb(220,220,220) | |
světle šedá | #D3D3D3 | rgb(211,211,211) | |
stříbrný | #C0C0C0 | rgb(192,192,192) | |
tmavě šedá | #A9A9A9 | rgb(169,169,169) | |
šedá | #808080 | rgb(128,128,128) | |
dimgray | #696969 | rgb(105,105,105) | |
světlešedá | #778899 | rgb(119,136,153) | |
slategrey | #708090 | rgb(112,128,144) | |
darkslategrey | #2F4F4F | rgb(47,79,79) | |
Černá | #000000 | rgb(0,0,0) |
Barva | Název barvy HTML / CSS |
Hexadecimální kód #RRGGBB |
Desetinný kód (R,G,B) |
---|---|---|---|
kukuřičné hedvábí | #FFF8DC | rgb(255,248,220) | |
blanchedalmond | #FFEBCD | rgb(255,235,205) | |
bisque | #FFE4C4 | rgb(255,228,196) | |
navajobílá | #FFDEAD | rgb(255,222,173) | |
pšenice | #F5DEB3 | rgb(245,222,179) | |
burlywood | #DEB887 | rgb(222,184,135) | |
opálení | #D2B48C | rgb(210,180,140) | |
růžově hnědá | #BC8F8F | rgb(188,143,143) | |
pískově hnědé | #F4A460 | rgb(244,164,96) | |
zlatobýl | #DAA520 | rgb(218,165,32) | |
Peru | #CD853F | rgb(205,133,63) | |
čokoláda | #D2691E | rgb(210,105,30) | |
sedlově hnědé | #8B4513 | rgb(139,69,19) | |
siena | #A0522D | rgb(160,82,45) | |
hnědý | #A52A2A | rgb(165,42,42) | |
kaštanové | #800000 | rgb(128,0,0) |
Náš nástroj pro kódy barev CSS umožňuje uživatelům kódy barev CSS. Některé z hlavních funkcí tohoto nástroje jsou vysvětleny níže.
Uživatelsky přívětivé rozhraní našeho nástroje pro barevné kódy CSS vám poskytuje snadnost okamžitého provádění této konverze. Díky jednoduchosti tohoto nástroje již nemusíte získávat znalosti programování pro barevné kódy CSS.
Abyste mohli používat barevné kódy CSS, nemusíte projít žádným registračním procesem. Pomocí tohoto nástroje můžete zdarma použít nástroj CSS color codes, kolikrát chcete.
Tyto barevné kódy CSS jsou přístupné z jakéhokoli koutu světa. O kompatibilitu tohoto online nástroje se nemusíte starat, protože s ním můžete CSS barevné kódy z jakéhokoli zařízení. Vše, co potřebujete, je připojení k internetu pro přístup a používání tohoto nástroje pro barevné kódy CSS.
Barevné kódy CSS vám umožňují dokončit stejný úkol okamžitě. Nebudete požádáni, abyste dodržovali manuální postupy, protože jeho automatické algoritmy udělají práci za vás.
Nástroj pro barevné kódy CSS dokonale funguje na všech operačních systémech. Bez ohledu na to, zda máte zařízení Mac, iOS, Android, Windows nebo Linux, můžete tento online nástroj snadno používat, aniž byste museli čelit jakýmkoli potížím.
Abyste mohli používat tento nástroj pro kódy barev CSS, nemusíte projít žádným registračním procesem. Tento nástroj můžete používat zdarma a vytvářet neomezené CSS barevné kódy bez jakýchkoli omezení.