Lentelė (paletė) html spalvos suteikia galimybę savarankiškai pasirinkti jums reikalingą toną. Spalvos reikšmė rodoma trimis formatais: Hex, RGB ir HSV.
- Hex susideda iš trijų dviejų simbolių reikšmių šešioliktainiu žymėjimu. Pavyzdžiui: #ff00b3, kur pirmoji skaičių pora yra raudona, antroji yra žalia, o trečioji yra mėlyna.
- RGB (RedGreenBlue) forma yra „200 100 255“, nurodanti atitinkamo tono (raudona, žalia, mėlyna) kiekį gautoje spalvoje.
- HSV (Hue, Saturation, Value – tonas, sodrumas, vertė) – spalvų modelis, kurio koordinatės yra:
- Atspalvis- Spalvos tonas, gali skirtis nuo 0° iki 360°.
- Saturation – sodrumas, svyruoja tarp 0-100 arba 0-1. Kuo didesnis šis nustatymas, tuo „grynesnė“ spalva, todėl šis nustatymas kartais vadinamas spalvos grynumu. Ir kuo šis parametras arčiau nulio, tuo spalva arčiau neutralios pilkos spalvos.
- Reikšmė (spalvos vertė) – nustato ryškumą, reikšmė taip pat gali skirtis tarp 0-100 arba 0-1.
Įveskite spalvos kodą: EIK
Spalvų sąrašas su pavadinimais
Lentelėje pateikiami spalvų pavadinimai Anglų kalba(kurias galima naudoti kaip reikšmes) palaiko visos naršyklės ir jų šešioliktainės reikšmės. Visos išvardytos spalvos yra „saugios“, tai reiškia, kad visose naršyklėse jos bus rodomos vienodai.
Spalvos pavadinimas | HEX | Spalva |
---|---|---|
Juoda | #000000 | |
karinis jūrų laivynas | #000080 | |
tamsiai mėlyna | #00008B | |
Vidutinė mėlyna | #0000CD | |
Mėlyna | #0000FF | |
tamsiai žalia | #006400 | |
Žalias | #008000 | |
žalsvai mėlyna | #008080 | |
Tamsiai žalsvai mėlyna | #008B8B | |
DeepSkyBlue | #00BFFF | |
Tamsus turkis | #00CED1 | |
Vidutinis pavasarinis žalias | #00FA9A | |
kalkių | #00FF00 | |
SpringGreen | #00FF7F | |
Aqua | #00FFFF | |
žalsvai mėlyna | #00FFFF | |
vidurnakčio mėlyna | #191970 | |
Dodger Blue | #1E90FF | |
Šviesiai jūra žalia | #20B2AA | |
miškas žalias | #228B22 | |
jūros žalia | #2E8B57 | |
Tamsiai SlateGray | #2F4F4F | |
Laimo žalia | #32CD32 | |
Vidutinė jūros žalia | #3CB371 | |
Turkis | #40E0D0 | |
Karališkai mėlyna | #4169E1 | |
plieno mėlyna | #4682B4 | |
Tamsiai Slate Mėlyna | #483D8B | |
Vidutinis turkis | #48D1CC | |
Indigo | #4B0082 | |
Tamsiai alyvuogių žalia | #556B2F | |
Mėlyna kariūnė | #5F9EA0 | |
RugiagėlėMėlyna | #6495ED | |
Vidutinis AquaMarine | #66CDAA | |
Neryškus Pilkas | #696969 | |
Šiferio mėlyna | # 6A5ACD | |
OliveDrab | #6B8E23 | |
Šiferio pilka | #708090 | |
Šviesiai skalūno pilka | #778899 | |
Vidutinė skalūno mėlyna | #7B68EE | |
Vejos Žalia | #7CFC00 | |
chartreuse | #7FFF00 | |
akvamarinas | #7FFFD4 | |
kaštoninės spalvos | #800000 | |
Violetinė | #800080 | |
Alyvuogių | #808000 | |
Pilka | #808080 | |
mėlynas dangus | #87 CEEB | |
Šviesiai mėlyna spalva | #87CEFA | |
mėlyna violetinė | #8A2BE2 | |
tamsiai raudona | #8B0000 | |
Tamsiai rausvai raudona | #8B008B | |
Balno ruda | #8B4513 | |
TamsiaiJūra Žalia | #8FBC8F | |
Šviesiai žalia | #90EE90 | |
Vidutinė violetinė | #9370D8 | |
tamsiai violetinė | #9400D3 | |
šviesiai žalia | #98FB98 | |
Tamsi orchidėja | #9932CC | |
Geltona žalia | #9ACD32 | |
Sienna | #A0522D | |
Ruda | #A52A2A | |
tamsiai pilka | #A9A9A9 | |
šviesiai mėlynas | #ADD8E6 | |
ŽaliaGeltona | #ADFF2F | |
paleturkis | #AFEEEE | |
ŠviesusSteelBlue | #B0C4DE | |
Mėlyna pudra | #B0E0E6 | |
Ugniai atspari plyta | #B22222 | |
Tamsus auksinis strypas | #B8860B | |
Vidutinė orchidėja | #BA55D3 | |
Rožinės rudos spalvos | #BC8F8F | |
Tamsi chaki | #BDB76B | |
sidabras | #C0C0C0 | |
Vidutinė violetinė raudona | #C71585 | |
Indijos Raudona | # CD5C5C | |
Peru | # CD853F | |
Šokoladas | #D2691E | |
Tan | #D2B48C | |
šviesiai pilka | #D3D3D3 | |
Šviesiai violetinė raudona | #D87093 | |
Erškėtis | #D8BFD8 | |
Orchidėja | #DA70D6 | |
auksinė lazdelė | #DAA520 | |
Crimson | #DC143C | |
Gainsboro | #DCDCDC | |
Slyva | #DDA0DD | |
Burlywood | #DEB887 | |
Šviesiai žydra | #E0FFFF | |
Levandos | #E6E6FA | |
Tamsioji lašiša | #E9967A | |
violetinė | #EE82EE | |
Blyškus auksinis strypas | #EEE8AA | |
Šviesus koralas | #F08080 | |
chaki | #F0E68C | |
Alisa Blue | #F0F8FF | |
lipčiaus | #F0FFF0 | |
Azure | #F0FFFF | |
Sandy Brown | #F4A460 | |
Kvieciai | #F5DEB3 | |
Smėlio spalvos | #F5F5DC | |
balti dūmai | #F5F5F5 | |
Mėtų kremas | #F5FFFA | |
vaiduoklis baltas | #F8F8FF | |
Lašiša | #FA8072 | |
senovinis baltas | #FAEBD7 | |
Linas | #FAF0E6 | |
ŠviesiaiGoldenRodGeltona | #FAFAD2 | |
Seni Nėriniai | #FDF5E6 | |
Raudona | #FF0000 | |
Fuksija | #FF00FF | |
Magenta | #FF00FF | |
giliai rožinė | #FF1493 | |
Oranžinė Raudona | #FF4500 | |
Pomidoras | #FF6347 | |
ryški rausva spalva | #FF69B4 | |
Koralas | #FF7F50 | |
tamsiai oranžinė | #FF8C00 | |
Šviesi lašiša | #FFA07A | |
Oranžinė | #FFA500 | |
šviesiai rožinė | #FFB6C1 | |
Rožinis | #FFC0CB | |
Auksas | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoBalta | #FFDEAD | |
Mokasinas | #FFE4B5 | |
biskas | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Blanširuotas migdolas | #FFEBCD | |
Papajų plakinys | #FFEFD5 | |
Levandų skaistalai | #FFF0F5 | |
jūros kriauklė | #FFF5EE | |
Kukurūzų šilkas | #FFF8DC | |
Citrininis šifonas | #FFFACD | |
Gėlių Balta | #FFFAF0 | |
Sniegas | #FFFAFA | |
Geltona | #FFFF00 | |
Šviesiai geltona | #FFFFE0 | |
Dramblio kaulas | #FFFFF0 | |
Baltas | #FFFFFF |
HTML spalvos žymimos šešiais simboliais po pasvirojo brūkšnio – pavyzdžiui, #000000. Šie šeši simboliai parodo įvairių spalvų (raudonos, žalios ir mėlynos) proporcijas galutinėje spalvoje. Vaizdas jūsų kompiuterio monitoriuje susidaro iš didelis kiekis taškai, vadinami pikseliais. Kiekvienas pikselis yra mažas pavasarisšviesą, pavadinkime tai „žibintuvu“, kuris savo ruožtu susideda iš trijų žibintuvėlių – raudonos, žalios ir mėlynos. Sumažinus arba padidinus atskirų spalvotų žibintų švytėjimo intensyvumą, gauname norimą spalvą.
html spalvų kodai
HTML spalvos žymimos šešioliktainiu (HEX) žymėjimu, skirtu raudonos, mėlynos ir žalios spalvos deriniui (RGB).
Mažiausia spalvos reikšmė yra 0 (šešioliktainis 00). didžiausia vertė spalva yra 255 (šešioliktainis FF).
Šešioliktainę spalvos reikšmę sudaro trys skaitmenys, prasidedantys #.
Spalvų kodai (reikšmės)
Spalva | HEX kodas | RGB kodas |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0 255 255) | |
#FF00FF | rgb(255;0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb (255 255 255) |
16 milijonų atspalvių
Sujungus raudoną, mėlyną ir žalią spalvas su vertėmis nuo 0 iki 255 kiekvienai spalvai, gaunama daugiau nei 16 milijonų atspalvių (256 x 256 x 256).
Dauguma modernūs monitoriai gali rodyti mažiausiai 16 384 skirtingus atspalvius (LCD monitoriai paprastai gali rodyti 262,16 mln. (atnaujinta 2013 m. spalio mėn.) spalvos, o CRT monitoriai gali rodyti beveik neribotą spalvų skaičių).
Žemiau esančioje spalvų lentelėje parodytas raudonos spalvos proporcijos pokytis nuo 0 iki 255, kai nulines vertes mėlyna ir žalia spalvos:
Raudona | HEX kodas | RGB kodas |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184,0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
pilki atspalviai
Norint gauti pilkus atspalvius, naudojamos lygios visų spalvų proporcijos. Siekdami palengvinti norimos spalvos pasirinkimą, pateikiame pilkų atspalvių kodus.
pilki atspalviai | HEX kodas | RGB kodas |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96, 96, 96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb (120 120 120) | |
#808080 | rgb(128 128 128) | |
#888888 | rgb (136 136 136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb (160 160 160) | |
#A8A8A8 | rgb(168 168 168) | |
#B0B0B0 | rgb(176 176 176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb (200 200 200) | |
#D0D0D0 | rgb(208 208 208) | |
#D8D8D8 | rgb(216 216 216) | |
#E0E0E0 | rgb (224 224 224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb (240 240 240) | |
#F8F8F8 | rgb(248 248 248) | |
#FFFFFF | rgb (255 255 255) |
Kryžminės naršyklės (visoms naršyklėms) html spalvų pavadinimai
150 html spalvų pavadinimų rinkinys, palaikomas visose naršyklėse.
Standartizuoti spalvų pavadinimai
W3C pateikia 16 galiojančių HTML ir CSS spalvų pavadinimų: aqua (akvamarinas), juoda (juoda), mėlyna (mėlyna), fuksija (rausvai raudona), pilka (pilka), žalia (žalia), lime (kalkina arba šviesiai žalia), kaštoninė (kaštoninė), tamsiai mėlyna (ultramarinas), alyvuogių (alyvuogių), violetinė (violetinė), raudona (raudona), sidabrinė (sidabrinė), žalsva (pilka), balta (balta) ir geltona (geltona).
Naudojant spalvas, kurios nėra įtrauktos į šį sąrašą, teisingiau bus naudoti jų šešioliktainį kodą (HEX) arba RGB kodą.
Saugios spalvos
Prieš kelerius metus, kai kompiuteriai galėjo palaikyti daugiausia 256 skirtingas spalvas, buvo pasiūlytas 216 „Web Safe Colors“ sąrašas, kuriame sistemai buvo rezervuota 40 spalvų.
Ši 216 spalvų paletė buvo sukurta siekiant teisingai atvaizduoti spalvas 256 spalvų paletės režimu.
Dabar tai nesvarbu, nes dauguma kompiuterių visame pasaulyje palaiko milijonus spalvų atspalvių. Bet kokiu atveju, čia yra šių spalvų sąrašas:
000000 | 000033 | 000066 | 000099 | 0000 CC | 0000 FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300 CC | 3300 FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399 FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33 FF00 | 33FF33 | 33FF66 | 33 FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600 FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699 FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66 FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900 FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99 FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
3300 FF | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
9900 FF | FF9933 | FF9966 | 9999 FF | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
CSS spalvų modulis išsamiai aprašo reikšmes, kurios leidžia autoriams nurodyti html elementų spalvas ir neskaidrumą, taip pat spalvos savybės reikšmes.
spalvos savybė
1. Prioritetinės spalvos: spalvos savybė
Savybė nustato šrifto spalvą naudodama įvairios sistemos spalvų atkūrimas. Savybė apibūdina elemento teksto turinio spalvą. Jis taip pat naudojamas norint pateikti galimą netiesioginę vertę (currentColor) bet kurioms kitoms ypatybėms, kurios priima spalvų reikšmes.
Turtas paveldėtas.
2. Spalvų reikšmės
2.1. Pagrindiniai raktažodžiai
Pagrindinių raktinių žodžių sąraše yra šios reikšmės:
vardas | HEX | RGB | Spalva |
---|---|---|---|
juodas | #000000 | 0,0,0 | |
sidabras | #C0C0C0 | 192,192,192 | |
pilka | #808080 | 128,128,128 | |
baltas | #FFFFFF | 255,255,255 | |
kaštoninės spalvos | #800000 | 128,0,0 | |
raudona | #FF0000 | 255,0,0 | |
violetinė | #800080 | 128,0,128 | |
fuksija | #FF00FF | 255,0,255 | |
žalias | #008000 | 0,128,0 | |
kalkių | #00FF00 | 0,255,0 | |
alyvuogių | #808000 | 128,128,0 | |
geltona | #FFFF00 | 255,255,0 | |
karinis jūrų laivynas | #000080 | 0,0,128 | |
mėlyna | #0000FF | 0,0,255 | |
žalsvai mėlyna | #008080 | 0,128,128 | |
aqua | #00FFFF | 0,255,255 |
Spalvų pavadinimuose didžiosios ir mažosios raidės neskiriamos.
Sintaksė
Spalva: žalsvai melsva;
2.2. Skaitmeninės spalvų reikšmės
2.2.1. RGB modelio spalvos
RGB reikšmės šešioliktaine forma formatas yra # ženklas, iškart po kurio eina trys arba šeši šešioliktainiai simboliai. Trijų skaitmenų RGB žymėjimas #rgb konvertuojamas į šešiaženklę formą #rrggbb nukopijuojant skaitmenis, o ne pridedant nulius. Pavyzdžiui, #fb0 išsiplečia į #ffbb00. Taip užtikrinama, kad #ffff sutrumpinimo tekste būtų galima nurodyti baltą #ffffff, ir pašalinamos bet kokios priklausomybės nuo ekrano spalvų gylio.
Funkcinio žymėjimo RGB reikšmės formatas yra rgb (po kurio seka kableliais atskirtas trijų skaitinių reikšmių sąrašas (trijų sveikųjų skaičių arba trijų procentinių reikšmių), po kurio rašomas simbolis). Sveikasis skaičius 255 atitinka 100 %, o F arba FF šešioliktaine tvarka:
rgb(255,255,255) = rgb (100%, 100%, 100%) = #FFF
Tarpo simboliai leidžiami aplink skaitines reikšmes.
Šiame puslapyje yra lentelė su raktiniais žodžiais, kurie gali būti naudojami spalvoms žymėti tokiomis interneto kūrimo kalbomis kaip: HTML, CSS, JavaScript, Flash ir kt.
Senojoje WC3 specifikacijoje HTML ir CSS spalvoms nustatyti buvo naudojama tik 16 raktinių žodžių. Vėlesnėse, modernesnėse specifikacijose buvo pridėta dar 130 raktinių žodžių, žyminčių spalvų pavadinimus. Šioje lentelėje yra spalvų pavadinimai, šešioliktainis ir RGB kodai kuriuos jie atitinka.
Pagal CSS taisykles spalvų pavadinimuose didžiosios ir mažosios raidės neskiriamos. Spalvų įrašai IndianRed ir indianred yra lygiaverčiai.
Taip pat verta paminėti, kad iš 146 lentelėje pateiktų raktinių žodžių joje iš tikrųjų yra mažiau spalvų. Taip yra todėl, kad kai kurie raktinius žodžius atstovauja tą pačią spalvą. Taigi pavadinimai Pilka ir Pilka reiškia 50 procentų pilkos spalvos su kodu #808080, o žodis Magenta yra fuksijos spalvos HTML sinonimas, atitinkantis šešioliktainį kodą #FF00FF. Žodžiai Aqua ir Cyan taip pat yra sinonimai, jie atitinka kodą #00FFFF .
|
|