CSS-i värvikoodid ja nimed.
Värvikood võib olla üks järgmistest:
Kuueteistkümnendvorm: #rrggbb
RGB-vorming: rgb (punane, roheline, sinine)
Nimevorming: nimi
Oranži värvi jaoks:
Kuueteistkümnendvorm: #FFA500
RGB-vorming: rgb(255,165,0)
Nimevorming: oranž
Konkreetse elemendi jaoks:
<element style="color: code;"></element>
Kõigi sama tüüpi elementide jaoks. Sisestage kood peajaotise märgendisse <style>:
<style>
element { color: code; }
</style>
Lõigu teksti värvi muutmine punaseks:
Konkreetse lõigu värvi määramine:
<p style="color: #FF0000;">Some text ...</p>
Vaata:
Natuke teksti...
Kõigi lõikude värvi määramine
<style>
p { color: #FF0000; }
</style>
element { background: code; }
Lõigu taustavärvi määramine punaseks:
Konkreetse lõigu taustavärvi määramine:
<p style="background: #FF0000;">Some text ...</p>
Vaata:
Natuke teksti...
Kõigi lõikude taustavärvi määramine:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
Lõigu äärise värvi määramine punaseks, roheliseks, siniseks ja mustaks:
Konkreetse lõigu äärise värvi määramine:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
Vaata:
Natuke teksti...
Kõigi lõikude ääriste värvi määramine:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
Värv | HTML / CSS värvi nimi |
Kuueteistkümnendkood #RRGBB |
Kümnendkood (R,G,B) |
---|---|---|---|
kerge lõhe | #FFA07A | rgb(255 160 122) | |
lõhe | #FA8072 | rgb(250 128 114) | |
tumelõhe | #E9967A | rgb(233 150 122) | |
helekorall | #F08080 | rgb(240 128 128) | |
indiaanlane | # CD5C5C | rgb(205;92;92) | |
karmiinpunane | #DC143C | rgb(220;20;60) | |
tulekindlast tellisest | #B22222 | rgb(178;34;34) | |
punane | #FF0000 | rgb(255,0,0) | |
tumepunane | #8B0000 | rgb(139,0,0) |
Värv | HTML / CSS värvi nimi |
Kuueteistkümnendkood #RRGBB |
Kümnendkood (R,G,B) |
---|---|---|---|
korallid | #FF7F50 | rgb(255 127 80) | |
tomat | #FF6347 | rgb(255; 99;71) | |
oranžikas | #FF4500 | rgb(255;69;0) | |
kullast | #FFD700 | rgb(255 215, 0) | |
oranž | #FFA500 | rgb(255 165, 0) | |
tume oranž | #FF8C00 | rgb(255 140, 0) |
Värv | HTML / CSS värvi nimi |
Kuueteistkümnendkood #RRGBB |
Kümnendkood (R,G,B) |
---|---|---|---|
helekollane | #FFFFE0 | rgb(255 255 224) | |
sidrunisifoon | #FFFACD | rgb(255 250 205) | |
helekuldkollane | #FAFAD2 | rgb(250 250 210) | |
papaiapaat | #FFEFD5 | rgb(255 239 213) | |
mokasiin | #FFE4B5 | rgb(255 228 181) | |
virsikupuhv | #FFDAB9 | rgb(255 218 185) | |
palegoldenrod | #EEE8AA | rgb(238 232 170) | |
khaki | #F0E68C | rgb(240 230 140) | |
tumekhaki | #BDB76B | rgb(189 183 107) | |
kollane | #FFFF00 | rgb(255 255, 0) |
Värv | HTML / CSS värvi nimi |
Kuueteistkümnendkood #RRGBB |
Kümnendkood (R,G,B) |
---|---|---|---|
mururoheline | #7CFC00 | rgb(124 252, 0) | |
chartreuse | #7FFF00 | rgb(127 255, 0) | |
lubjaroheline | #32CD32 | rgb(50 205 50) | |
lubi | #00FF00 | rgb(0,255,0) | |
metsaroheline | #228B22 | rgb(34 139 34) | |
roheline | #008000 | rgb(0,128,0) | |
tumeroheline | #006400 | rgb(0,100,0) | |
roheline kollane | #ADFF2F | rgb(173 255 47) | |
kollane roheline | # 9ACD32 | rgb(154 205 50) | |
kevadroheline | #00FF7F | rgb(0 255 127) | |
keskmine kevadroheline | #00FA9A | rgb(0 250 154) | |
heleroheline | #90EE90 | rgb(144 238 144) | |
kahvaturoheline | #98FB98 | rgb(152 251 152) | |
tumeroheline | #8FBC8F | rgb(143 188 143) | |
keskmine mereroheline | #3CB371 | rgb(60 179 113) | |
mereroheline | #2E8B57 | rgb(46 139 87) | |
oliiv | #808000 | rgb(128 128, 0) | |
tumeroheline | #556B2F | rgb(85 107 47) | |
olivedrab | #6B8E23 | rgb(107 142 35) |
Värv | HTML / CSS värvi nimi |
Kuueteistkümnendkood #RRGBB |
Kümnendkood (R,G,B) |
---|---|---|---|
heletsüaan | #E0FFFF | rgb(224 255 255) | |
tsüaan | #00FFFF | rgb(0 255 255) | |
aqua | #00FFFF | rgb(0 255 255) | |
akvamariin | #7FFFD4 | rgb(127 255 212) | |
keskmine akvamariin | #66CDAA | rgb(102 205 170) | |
paletürkiissinine | #TASUTA | rgb(175 238 238) | |
türkiissinine | #40E0D0 | rgb(64 224 208) | |
keskmine türkiissinine | #48D1CC | rgb(72 209 204) | |
tume türkiissinine | #00CED1 | rgb(0 206 209) | |
helemereroheline | #20B2AA | rgb(32 178 170) | |
kadettsinine | #5F9EA0 | rgb(95 158 160) | |
tumetsüaan | #008B8B | rgb(0 139 139) | |
sinine | #008080 | rgb(0,128,128) |
Värv | HTML / CSS värvi nimi |
Kuueteistkümnendkood #RRGBB |
Kümnendkood (R,G,B) |
---|---|---|---|
puudersinine | #B0E0E6 | rgb(176 224 230) | |
helesinine | # ADD8E6 | rgb(173 216 230) | |
heletaevasinine | #87CEFA | rgb(135 206 250) | |
taevasinine | #87 CEEB | rgb(135 206 235) | |
sügav taevasinine | #00BFFF | rgb(0 191 255) | |
heleterassinine | #B0C4DE | rgb(176 196 222) | |
dodgerblue | #1E90FF | rgb(30 144 255) | |
rukkilillesinine | #6495ED | rgb(100 149 237) | |
terassinine | #4682B4 | rgb(70 130 180) | |
sügavsinine | #4169E1 | rgb(65 105 225) | |
sinine | #0000FF | rgb(0,0,255) | |
keskmine sinine | #0000CD | rgb(0,0,205) | |
tumesinine | #00008B | rgb(0,0,139) | |
merevägi | #000080 | rgb(0,0,128) | |
kesköösinine | #191970 | rgb(25;25,112) | |
keskmine kiltsinine | #7B68EE | rgb(123 104 238) | |
kiltkivisinine | # 6A5ACD | rgb(106;90,205) | |
tume kiltkivisinine | #483D8B | rgb(72;61,139) |
Värv | HTML / CSS värvi nimi |
Kuueteistkümnendkood #RRGBB |
Kümnendkood (R,G,B) |
---|---|---|---|
lavendel | #E6E6FA | rgb(230 230 250) | |
ohakas | #D8BFD8 | rgb(216 191 216) | |
ploom | #DDA0DD | rgb(221 160 221) | |
violetne | #EE82EE | rgb(238 130 238) | |
orhidee | #DA70D6 | rgb(218 112 214) | |
fuksia | #FF00FF | rgb(255;0;255) | |
magenta | #FF00FF | rgb(255;0;255) | |
keskmine orhidee | #BA55D3 | rgb(186 85 211) | |
keskmine lilla | #9370DB | rgb(147 112 219) | |
sinililla | #8A2BE2 | rgb(138;43,226) | |
tumevioletne | #9400D3 | rgb(148;0;211) | |
Darkorchid | #9932CC | rgb(153;50;204) | |
tumemagenta | #8B008B | rgb(139;0;139) | |
lilla | #800080 | rgb(128;0;128) | |
indigo | #4B0082 | rgb(75;0,130) |
Värv | HTML / CSS värvi nimi |
Kuueteistkümnendkood #RRGBB |
Kümnendkood (R,G,B) |
---|---|---|---|
roosa | #FFC0CB | rgb(255 192 203) | |
heleroosa | #FFB6C1 | rgb(255 182 193) | |
soe roosa | #FF69B4 | rgb(255 105 180) | |
sügavroosa | #FF1493 | rgb(255;20,147) | |
kahvatuvioletne | #DB7093 | rgb(219 112 147) | |
keskvioletne | #C71585 | rgb(199; 21,133) |
Värv | HTML / CSS värvi nimi |
Kuueteistkümnendkood #RRGBB |
Kümnendkood (R,G,B) |
---|---|---|---|
valge | #FFFFFF | rgb(255 255 255) | |
lumi | #FFFAFA | rgb(255 250 250) | |
mesikaste | #F0FFF0 | rgb(240 255 240) | |
piparmündikreem | #F5FFFA | rgb(245 255 250) | |
taevasinine | #F0FFFF | rgb(240 255 255) | |
aliceblue | #F0F8FF | rgb(240 248 255) | |
kummitusvalge | #F8F8FF | rgb(248 248 255) | |
valge suits | #F5F5F5 | rgb(245 245 245) | |
merekarp | #FFF5EE | rgb(255 245 238) | |
beež | #F5F5DC | rgb(245 245 220) | |
vana pits | #FDF5E6 | rgb(253 245 230) | |
lilleline valge | #FFFAF0 | rgb(255 250 240) | |
elevandiluust | #FFFFF0 | rgb(255 255 240) | |
antiikvalge | #FAEBD7 | rgb(250 235 215) | |
linane | #FAF0E6 | rgb(250 240 230) | |
lavendlipunane | #FFF0F5 | rgb(255 240 245) | |
udune | #FFE4E1 | rgb(255 228 225) |
Värv | HTML / CSS värvi nimi |
Kuueteistkümnendkood #RRGBB |
Kümnendkood (R,G,B) |
---|---|---|---|
gainsboro | #DCDCDC | rgb(220 220 220) | |
helehall | #D3D3D3 | rgb(211 211 211) | |
hõbedane | #C0C0C0 | rgb(192 192 192) | |
tumehall | #A9A9A9 | rgb(169 169 169) | |
hall | #808080 | rgb(128 128 128) | |
hämar | #696969 | rgb(105 105 105) | |
hele kiltkivihall | #778899 | rgb(119 136 153) | |
kiltkivihall | #708090 | rgb(112 128 144) | |
tume kiltkivihall | #2F4F4F | rgb(47;79,79) | |
must | #000000 | rgb(0,0,0) |
Värv | HTML / CSS värvi nimi |
Kuueteistkümnendkood #RRGBB |
Kümnendkood (R,G,B) |
---|---|---|---|
maissiid | #FFF8DC | rgb(255 248 220) | |
blanšeeritud mandel | #FFEBCD | rgb(255 235 205) | |
biskviit | #FFE4C4 | rgb(255 228 196) | |
navajovalge | #FFDEAD | rgb(255 222 173) | |
nisu | #F5DEB3 | rgb(245 222 179) | |
jäme puit | #DEB887 | rgb(222 184 135) | |
tan | #D2B48C | rgb(210 180 140) | |
roosakaspruun | #BC8F8F | rgb(188 143 143) | |
liivapruun | #F4A460 | rgb(244 164 96) | |
kuldvits | #DAA520 | rgb(218 165 32) | |
Peruu | #CD853F | rgb(205 133 63) | |
šokolaadi | #D2691E | rgb (210 105 30) | |
sadulpruun | #8B4513 | rgb(139; 69;19) | |
sienna | #A0522D | rgb(160; 82;45) | |
pruun | #A52A2A | rgb(165;42;42) | |
kastanipunane | #800000 | rgb(128,0,0) |
Meie CSS-värvikoodide tööriist võimaldab kasutajatel kasutada CSS-värvikoode. Mõned selle utiliidi silmapaistvad funktsioonid on selgitatud allpool.
Meie CSS-värvikoodide tööriista kasutajasõbralik liides võimaldab teil seda teisendust koheselt teostada. Selle tööriista lihtsuse tõttu ei pea te enam omandama CSS-värvikoodide programmeerimisoskusi.
CSS-i värvikoodide kasutamiseks ei pea te registreerimisprotsessi läbima. Selle utiliidi abil saate CSS-i värvikoodide tööriista tasuta kasutada nii mitu korda kui soovite.
Sellele CSS-i värvikoodidele pääseb juurde igast maailma nurgast. Te ei pea muretsema selle võrgutööriista ühilduvuse pärast, kuna saate sellega CSS-värvikoode sisestada mis tahes seadmest. Kõik, mida vajate, on Interneti-ühendus, et pääseda juurde ja kasutada seda CSS-i värvikoodide tööriista.
CSS-i värvikoodid võimaldavad teil sama ülesande kohe täita. Teil ei paluta järgida käsitsi toiminguid, kuna selle automatiseeritud algoritmid teevad töö teie eest ära.
CSS-i värvikoodide tööriist töötab suurepäraselt kõigis operatsioonisüsteemides. Olenemata sellest, kas teil on Maci, iOS-i, Androidi, Windowsi või Linuxi seade, saate seda veebiutiliiti hõlpsalt kasutada ilma probleemideta.
Selle CSS-i värvikoodide tööriista kasutamiseks ei pea te registreerimisprotsessi läbima. Saate seda utiliiti kasutada tasuta ja teha piiramatult CSS-i värvikoode ilma piiranguteta.
Advertising