Aukso spalva skaičiais. Stilių spalvas galima nurodyti įvairiais būdais: pagal šešioliktainę reikšmę, pagal pavadinimą, RGB, RGBA, HSL, HSLA formatu

naudojant stiliaus atributą, naudojant fono ypatybę ir priskiriant reikšmes rgb(255, 0, 0) , rgb(0, 255, 0) ir rgb(0, 0, 255). Tai yra, mes pakaitomis padarome vieną kanalą kiek įmanoma prisotintą, o likusieji kanalai nenaudojami sintezei, nes jų vertė lygi nuliui.

Pabandykite redaguoti šį pavyzdį ir nurodyti savo reikšmes, pavyzdžiui, rgb(100, 100, 100) .

Spalvos nustatymas naudojant RGBA

Pasirodė CSS3 naujas įrankis darbui su spalva - RGBA formatas. Tai galima pavadinti RGB modelio evoliucija, tačiau pridėjus vieną naują kanalą – A arba alfa kanalą. Šis kanalas nustato spalvos skaidrumą. Jo reikšmės nustatomos intervale nuo 0 iki 1. 0 reikšmė atitinka visišką skaidrumą, 1 – visišką neskaidrumą (spalva bus tokia, kokia buvo nurodyta pirmuosiuose trijuose RGB kanaluose), o tarpinės reikšmės ​kaip 0,4 arba 0,6 – įvairaus laipsnio skaidrumas.

Kodo pavyzdys.

Štai kaip tai veiks:

Šis kodas yra vizualiai panašus į toliau pateiktą, kuriame naudojamas RGB modelis spalvos vertei nurodyti:

Štai jo rezultatas:

Alfa kanalo reikšmė, lygi nuliui, daro bet kokią spalvą nematoma – absoliučiai skaidri reikšmė, lygi vienetui, paverčia RGB kodo spalvą be pakeitimų. Ypatybė rgba(255,0,0,1.0) rodo raudoną spalvą rgb(255, 0, 0) .

Pagal šešioliktainę reikšmę (HEX kodas)

Kasdieniame gyvenime naudojame dešimtainę skaičiavimo sistemą. Jo ištakos labai paprastos – ant rankų turime dešimt pirštų, o skaičiuoti ant pirštų gyvenime buvo patogu. Jei į dešimtainė sistema dešimt skaitmenų: nuo 0 iki 9, o skaičius 10 yra kitas skaitmuo, tada šešioliktainėje skaičių sistemoje yra 16 skaitmenų, o kitas skaitmuo bus skaičius 16.

Spalvų kodams nurodyti įprasti dešimtainiai skaitmenys nuo 0 iki 9 naudojami kaip šešioliktainiai skaitmenys, o lotyniškos raidės nuo A iki F – skaičiams nuo 10 iki 15, ty (0, 1, 2, 3, 4, 5). , 6, 7, 8, 9, A, B, C, D, E, F). Kad būtų aiškumo, sudėkime tai į lentelę:

Norėdami rašyti šešioliktainius skaičius, didesnius nei F (15 dešimtainėje sistemoje), jie taip pat naudoja dviejų skaitmenų kombinaciją, bet jau šešioliktainę, o tai akivaizdu. Taip, dėl įrašo dešimtainis skaičius 255 šešioliktainiu žymėjimu yra FF.

Šešioliktainė sistema yra labiau suprantama kompiuteriui ir greičiau apdoroja šešioliktaine verte nustatytas reikšmes.

Norėdami nurodyti spalvą šešioliktaine tvarka, prieš skaitinę reikšmę įrašykite „#“ ženklą, pavyzdžiui: #FFC0CB. Pati reikšmė #FFC0CB susideda iš trijų šešioliktainių skaitmenų FF, C0 ir CB. Šio įrašo reikšmė yra tokia pati, kaip spalvos nustatymas RGB formatu (rgb(r, g, b)) – kiekvienas šešioliktainis skaitmuo HEX kode rodo spalvų sodrumą savo RGB modelio kanale.

Šis kodas parodys šiuos elementus:

O štai paveikslėlis su rezultatu iš šio puslapio aukščiau esančio skyriaus „Spalvų nustatymas naudojant RGB“.

1 pav. Spalvos RGB.

Matome, kad spalvos identiškos.

Leidžiamas sutrumpintas HEX spalvos kodo žymėjimas: 6 skaitmenų skaičius gali būti parašytas kaip 3 skaitmenų skaičius. Tai galioja tik tada, kai pasikartoja du vieno kanalo spalvos reikšmės skaitmenys.

Tai yra, priimtina tokia santrumpa:

Pavyzdžiui, spalva #ff22aa gali būti parašyta kaip #f2a arba #44aa22 spalva gali būti parašyta #4a2.

Spalvos nustatymas naudojant HSL

Pasirodė CSS3 naujas formatas spalvai nurodyti.

HSL formatas yra angliškų žodžių: Hue (atspalvis), Saturate (soturumas) ir Lightness (lightness) santrumpa.

Atspalvis HSL yra specialaus spalvų rato spalvos reikšmė (2 pav.) ir nurodoma laipsniais. Jei nubrėžtume analogijas su RGB modeliu, tai 0° atitinka raudoną, 120° – žalią, o 240° – mėlyną.

Atspalvio reikšmė pasikeis nuo 0 iki 359.

2 pav. HSL spalvų ratas.

Antroji reikšmė – prisotinimas (Saturate) nustatomas procentais. Esant 100% sodrumui, spalva yra kiek įmanoma „sultingesnė“, nes sodrumo indikatorius juda link 0%, spalva tampa blankesnė ir išblunka.

Trečioji reikšmė – Lengvumas – taip pat nustatoma procentais. Kuo didesnis procentas, tuo ryškesnė bus spalva. Ekstremalios 0% ir 100% reikšmės parodys atitinkamai juodą (be šviesos) ir baltą (pereksponuotą) spalvas, ir nesvarbu, kuri spalva iš spalvų rato buvo pasirinkta pirmame kanale. Optimali spalvų ryškumo vertė yra 50%.

Spalvos nustatymas naudojant HSLA

HSLA formatas yra susijęs su HSL, kaip ir RGB yra su RGBA. HSLA formate, kaip ir RGBA, pridedamas alfa kanalas, atsakingas už spalvų skaidrumą.

HSL formatu nurodyta spalva lengviau įskaitoma. Galime sakyti, kad tai intuityvu. Pavyzdžiui, kodas hsl(120,60%,50%) gali nurodyti galutinę spalvą, jei atmintyje yra HSL spalvų rato paveikslėlis. To negalima pasakyti apie RGB ir HEX formatus, šiuose formatuose nurodytas spalvų kodas tampa aiškus tik jį vizualizavus monitoriuje.

Nauji CSS3 formatai (HSL, HSLA ir RGBA) veikia naršyklėse pradedant nuo versijų: IE 9.0, Opera 10.0 Firefox 3.0. Kaip padaryti, kad stiliai veiktų senesnėse naršyklėse?

Somebloсk (fono spalva: rgb(255,50,50); fono spalva: rgba(255,50,50,0,85))

Naudojant šį kodą senesnėse naršyklėse, .somebloсk klasės fono spalva, nors ir nenaudos alfa kanalo, bus rodoma RGB formatu.

2015-02-26 8,9 tūkst

Kaip žinote, spalva gali paveikti žmogaus būseną: tiek psichinę, tiek fizinę. Kasdien naršant interneto svetainėse akys įvertina milijonus spalvų ir atspalvių. Interneto dizaineris, susipažinęs su spalvų psichologija, gali manipuliuoti lankytojo nuotaika, kad pasiektų tam tikrus tikslus.

Taip yra dėl to, kad kai kurie atspalviai ramina, o kai kurie, priešingai, jaudina. Toliau kalbėsime apie tai, kaip spalvos sintezuojamos ir atvaizduojamos naudojant kompiuterines technologijas.

RGB yra spalvų modelis, vaizduojantis visų spalvų ir jų atspalvių gavimo būdą įvairiomis proporcijomis maišant tris pagrindinius komponentus, kurie yra:

• Raudona spalva ( Raudona);
• žalia spalva (Žalias);
• mėlyna spalva ( Mėlyna).

Iš čia kilęs sutrumpintas RGB pavadinimas. Šios spalvos buvo pasirinktos kaip pagrindinės ne be priežasties: priežastis yra žmogaus akies tinklainės fiziologija ir tai, kaip ji jas suvokia:

RGB modelis šiandien išlieka populiariausias ir naudojamas spalvoms atkurti televizoriaus ekranuose ir kompiuterių monitoriai. Kadangi gamintojai aprūpina savo produktus skirtingos savybės, buvo sukurta 1996 m viena sistema RGB pagrindu sukurta spalvų sintezė, vadinama sRGB, kurią kartu sukūrė „Microsoft“ ir HP.

Skaitmeninis spalvų vaizdavimas

Kaip minėta anksčiau, RGB spalvos susidaro maišant pagrindines spalvas. Norint apibūdinti kiekvieno iš jų intensyvumą, buvo priimta schema, kurioje spalva vaizduojama diapazonu nuo 0 iki 255 (8 bitai), kuris šešioliktainiu žymėjimu atitinka 00-FF.

Tai yra, pagrindinės spalvos atrodys taip:

• Raudona – RGB (255,0,0);
• Žalia – RGB (0 255,0);
• Mėlyna – RGB (0,0,255);

Jei spalvos intensyvumas yra mažesnis nei 255, tada gaunami skirtingi raudonos, žalios ir mėlynos spalvos atspalviai. Toliau pateikiama jų gradacijų lentelė, taip pat kiekvieno atspalvio šešioliktainės reikšmės:

RGB spalvų lentelės

Natūralu, kad be pagrindinių spalvų gradacijų yra ir mišrių, o jų skaičius yra gana didelis. Todėl buvo sukurta RGB spalvų lentelė, kurioje pateikiami visi esami atspalviai, jų pavadinimai ir skaitiniai atvaizdai ( dešimtaine ir šešioliktaine forma).

Jį galite peržiūrėti čia. Ši lentelė labai palengvina interneto dizainerių gyvenimą, nes per kelias sekundes galite rasti reikiamą atspalvį ir sužinoti jo skaitinį vaizdą.

Saugi RGB spalvų paletė

Tačiau tam tikru momentu iškilo problemų dėl spalvų rodymo skirtingose ​​naršyklėse ir jai išspręsti buvo sukompiliuotas vadinamasis „seifas“. RGB paletė spalvos, kurios buvo gautos matematiniais skaičiavimais.

Kai naršyklė negali tinkamai parodyti spalvos, ji bandys gauti kažką artimo jai, maišydama gretimas spalvas, ir greičiausiai rezultatas bus visiškai nepriimtinas:

Naudodamas RGB spalvų kodus iš šios paletės, žiniatinklio kūrėjas negali jaudintis dėl spalvų rodymo savo svetainės puslapiuose, kai žiūrima naudojant skirtingos naršyklės, įvairiose platformose ir monitoriuose. Nors įjungta Šis momentas saugių spalvų lentelė praranda savo aktualumą ( technologijų pažanga vis dar nestovi vietoje), jį naudojant galima, kaip sakoma, ramiai išsimiegoti.

Aukso spalva RGB modelyje

Žodis „auksas“ pirmą kartą buvo pavartotas XIV amžiaus pradžioje, apibūdinant cheminio elemento, vadinamo Aurum, – aukso – spalvą. RGB modelyje aukso spalva pavaizduota šiomis skaitinėmis reikšmėmis:

• RGB (255, 215, 0) – dešimtainė sistema;
• HEX #FFD700 – šešioliktainė sistema.

Smėlio spalva RGB modelyje

Smėlio spalva užima gana reikšmingą vietą istorijoje, net jei ji nėra pati išraiškingiausia. Daugelis kultūros paminklų, ypač senovinės skulptūros, buvo pagaminti iš muilo akmens ir muilo akmens, kurie turi smėlio atspalvį. RGB modelyje smėlio spalvos skaitiniai vaizdai yra tokie.

Šešioliktainiai skaičiai naudojami spalvoms nurodyti. Šešioliktainė sistema, skirtingai nei dešimtainė sistema, yra pagrįsta, kaip rodo jos pavadinimas, skaičiumi 16. Skaičiai bus tokie: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Skaičiai nuo 10 iki 15 pakeičiami lotyniškomis raidėmis. Skaičiai, didesni nei 15 šešioliktainėje sistemoje, susidaro sujungiant du skaičius į vieną. Pavyzdžiui, skaičius 255 dešimtainiu būdu atitinka skaičių FF šešioliktaine. Siekiant išvengti painiavos nustatant skaičių sistemą, maišos simbolis # dedamas prieš šešioliktainį skaičių, pavyzdžiui, #666999. Kiekvienos iš trijų spalvų – raudonos, žalios ir mėlynos – reikšmės gali būti nuo 00 iki FF. Taigi spalvos simbolis yra padalintas į tris komponentus #rrggbb, kur pirmieji du simboliai nurodo raudoną spalvos komponentą, du viduriniai – žalią, o paskutiniai du – mėlyną. Leidžiama naudoti sutrumpintą formą #rgb, kur kiekvienas simbolis turi būti padvigubintas. Taigi įrašas #fe0 turėtų būti laikomas #ffee00.

Pagal vardą

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Naršyklės palaiko kai kurias spalvas pagal pavadinimą. Lentelėje 1 rodomi pavadinimai, šešioliktainis kodas, RGB, HSL reikšmės ir aprašymas.

Lentelė 1. Spalvų pavadinimai

vardas	Spalva	Kodas	RGB	HSL	apibūdinimas
baltas		#ffffff arba #ffff	rgb (255 255 255)	hsl (0,0 %, 100 %)	Baltas
sidabras		#c0c0c0	rgb(192,192,192)	hsl (0,0 %, 75 %)	Pilka
pilka		#808080	rgb(128 128 128)	hsl (0,0 %, 50 %)	Tamsiai pilka
juodas		#000000 arba #000	rgb(0,0,0)	hsl (0,0 %, 0 %)	Juoda
kaštoninės spalvos		#800000	rgb(128,0,0)	hsl (0,100 %, 25 %)	Tamsiai raudona
raudona		#ff0000 arba #f00	rgb(255,0,0)	hsl(0,100%,50%)	Raudona
oranžinė		#ffa500	rgb(255,165,0)	hsl (38,8 100 %, 50 %)	Oranžinė
geltona		#ffff00 arba #ff0	rgb(255,255,0)	hsl (60 100 %, 50 %)	Geltona
alyvuogių		#808000	rgb(128,128,0)	hsl (60 100 %, 25 %)	Alyvuogių
kalkių		#00ff00 arba #0f0	rgb(0,255,0)	hsl (120 100 %, 50 %)	Šviesiai žalia
žalias		#008000	rgb(0,128,0)	hsl (120 100 %, 25 %)	Žalias
aqua		#00ffff arba #0ffff	rgb(0 255 255)	hsl (180 100 %, 50 %)	Mėlyna
mėlyna		#0000ff arba #00f	rgb(0,0,255)	hsl (240 100 %, 50 %)	Mėlyna
karinis jūrų laivynas		#000080	rgb(0,0,128)	hsl (240 100 %, 25 %)	Tamsiai mėlyna
žalsvai mėlyna		#008080	rgb(0,128,128)	hsl (180 100 %, 25 %)	Mėlyna Žalia
fuksija		#ff00ff arba #f0f	rgb(255;0,255)	hsl(300,100%,50%)	Rožinis
violetinė		#800080	rgb(128,0,128)	hsl (300 100 %, 25 %)	Violetinė

Naudojant RGB

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Galite apibrėžti spalvą naudodami raudoną, žalią ir mėlyną reikšmes dešimtainiais skaičiais. Kiekvienas iš trijų spalvų komponentų turi reikšmę nuo 0 iki 255. Taip pat galima nustatyti spalvą procentais, o 100 % atitinka skaičių 255. Pirmiausia nurodykite raktažodį rgb , o tada spalvų komponentai nurodomi skliausteliuose, atskiriami kableliais, pavyzdžiui, rgb(255, 128, 128) arba rgb(100%, 50%, 50%).

RGBA

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

RGBA formatas yra panašus į RGB sintaksę, tačiau apima alfa kanalą, nurodantį elemento skaidrumą. 0 reikšmė yra visiškai skaidri, 1 yra nepermatoma, o tarpinė reikšmė, pvz., 0,5, yra pusiau permatoma.

RGBA buvo pridėta prie CSS3, todėl CSS kodas turi būti patvirtintas pagal šią versiją. Reikėtų pažymėti, kad CSS3 standartas vis dar kuriamas ir kai kurios funkcijos gali keistis. Pavyzdžiui, RGB formato spalva, pridėta prie fono spalvos ypatybės, yra patvirtinama, bet spalva, pridėta prie fono ypatybės, nebegalioja. Tuo pačiu metu naršyklės gana teisingai supranta abiejų savybių spalvą.

HSL

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

HSL formato pavadinimas kilęs iš pirmųjų raidžių Hue (atspalvis), Saturate (soturumas) ir Lightness (lightness) derinio. Atspalvis yra spalvų rato spalvos reikšmė (1 pav.) ir pateikiama laipsniais. 0° atitinka raudoną, 120° – žalią, o 240° – mėlyną. Atspalvio reikšmė gali svyruoti nuo 0 iki 359.

Ryžiai. 1. Spalvų ratas

Sodrumas yra spalvos intensyvumas ir matuojamas procentais nuo 0% iki 100%. 0% reikšmė rodo, kad nėra spalvos ir yra pilkas atspalvis, 100% yra didžiausia sodrumo reikšmė.

Šviesumas nurodo, kiek ryški spalva, ir nurodomas procentais nuo 0% iki 100%. Dėl mažų reikšmių spalva tampa tamsesnė, o didelės reikšmės – šviesesnę, 0% ir 100% atitinka juodą ir baltą spalvą.

HSLA

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

HSLA formatas yra panašus į HSL sintaksę, tačiau apima alfa kanalą elemento skaidrumui nurodyti. 0 reikšmė yra visiškai skaidri, 1 yra nepermatoma, o tarpinė reikšmė, pvz., 0,5, yra pusiau permatoma.

RGBA, HSL ir HSLA spalvų reikšmės pridedamos prie CSS3, todėl, naudodami šiuos formatus, patikrinkite kodo versijos galiojimą.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Įspėjimas

Visi svetainėje išvardyti liūtų gaudymo būdai yra teoriniai ir pagrįsti skaičiavimo metodais. Autoriai negarantuoja jūsų saugumo juos naudojant ir neprisiima jokios atsakomybės už rezultatus. Atminkite, kad liūtas yra plėšrūnas ir pavojingas gyvūnas!

Rezultatas šis pavyzdys parodyta pav. 2.

Ryžiai. 2. Spalvos tinklalapyje

>>Spalvų valdymas

Šešioliktainės RGB spalvų reikšmės

Spalvos aprašymo ir apdorojimo metodai skiriasi vienas nuo kito tuo, kokiam galutiniam atvaizdavimui jie skirti. Palyginkime, pavyzdžiui, spausdinimo ir kompiuterių monitorių spalvų atvaizdavimą. Pirmuoju atveju imamasi pagrindo baltas popieriaus, ant kurio vėliau užtepamos trys pagrindinės spalvos, spalva: mėlyna, violetinė Ir geltona. Maišydamos tarpusavyje ir su balta popieriaus spalva skirtingomis proporcijomis, šios trys pagrindinės spalvos suteikia skirtingus spalvų atspalvius, išskyrus gryną juodą, o jei nėra dažų, jos suteikia baltą popierių. Jei pridėsime prie jų juodą spalvą, gausime CMYK-spalvos perdavimo būdas, kai reikiama spalva gaunama iš baltos atėmus trūkstamas spalvas.

Antruoju atveju imamasi pagrindo juodas monitoriaus ekrano spalva, kurios kiekviena ląstelė šviečia viena iš trijų spalvų: raudona- raudona, žalias- žalia ir mėlyna-mėlyna. Tada, visiškai nesant jokio švytėjimo, gauname grynai juodą ekrano spalvą, o bet kurią reikiamą spalvą suteikia kiekvienos iš trijų spalvų santykis. Šiuo atveju mes gausime RGB- spalvų perdavimo būdas. Pirminės spalvos gali būti nuo 0 prieš 255 , arba iš 0% prieš 100% , arba gali būti pateikta kaip šešioliktainė reikšmė. Žemiau esančiame paveikslėlyje galite pamatyti pirminių spalvų maišymo rezultatus.

Šešioliktainėje skaičių sistemoje, skirtingai nei dešimtainėje, yra ne dešimt skaitmenų, o šešiolika – iš čia ir kilo pavadinimas. Atitinkamai, gali būti tik nesikartojantys dviejų skaitmenų derinių variantai - 256 , norėdami tęsti skaičių seriją po to 9 laiškai nuo A prieš F, todėl serialas atrodys taip -

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.

Norėdami konvertuoti skaičius iš vienos skaičių sistemos į kitą ir atvirkščiai, naudokite toliau pateiktą skaičiuotuvą. Didžiausia vertė gal čia FF - 255 .

Šiuo atveju spalva nurodoma trimis šešioliktainiais skaičiais, kurių kiekvienas susideda iš dviejų skaitmenų. Pirmasis skaičius lemia intensyvumą raudona spalvos, vidutinis žalias, paskutinis dalykas - mėlyna spalvos. Visi skaičiai gali turėti vertes diapazone nuo 00 prieš FF(nuo 0 iki 255). Pavyzdžiui: žalia spalva pateikiama kaip #00FF00, raudona - patinka #FF0000, mėlyna - patinka #0000FF, baltos spalvos #FFFFFF, visiškas spalvos arba juodos spalvos nebuvimas pateikiamas kaip #000000 .

Žemiau esančioje formoje galite nurodyti bet kokias šešioliktaines reikšmes kiekvienai iš trijų spalvų ir pamatyti jų maišymo rezultatą spustelėdami išvesties lauką.

RAUDONA		ŽALIAS		MĖLYNA
	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f	0 1 2 3 4 5 6 7 8 9 a b c d e f
...paspauskite čia

Kai kurių šešioliktainių RGB spalvų verčių pavyzdžiai: raudonos, mėlynos ir žalios spalvos gradacijos.

peržiūrėti	kodas	peržiūrėti	kodas	peržiūrėti	kodas	peržiūrėti	kodas	peržiūrėti	kodas	peržiūrėti	kodas
	#010000		#800000		#000100		#008000		#000001		#000080
	#100000		#900000		#001000		#009000		#000010		#000090
	#200000		#A00000		#002000		#00A000		#000020		#0000A0
	#300000		#B00000		#003000		#00B000		#000030		#0000B0
	#400000		#C00000		#004000		#00C000		#000040		#0000C0
	#500000		#D00000		#005000		#00D000		#000050		#0000D0
	#600000		#E00000		#006000		#00E000		#000060		#0000E0
	#700000		#FF0000		#007000		#00FF00		#000070		#0000FF

Spalvos nurodymas naudojant eilučių raides

Kad būtų lengviau naudoti, kai kurioms spalvoms ir jų deriniams buvo priskirti pavadinimai, kuriuos atpažįsta visos naršyklės, ir atsirado galimybė daugelį jų nustatyti pagal pavadinimą. Žemiau esančioje lentelėje pateikti kai kurie spalvų pavadinimai:

peržiūrėti	vardas	peržiūrėti	vardas	peržiūrėti	vardas	peržiūrėti	vardas
	Baltas		Raudona		Oranžinė		Geltona
	Žalias		Mėlyna		Violetinė		Juoda
	Aliceblue		Antikvarinis baltas		Aqua		Akvamarinas
	Azure		Smėlio spalvos		biskas		Blanšedalmondas
	Mėlyna violetinė		Ruda		Burlywood		Cadetblue
	Chartreuse		Šokoladas		Koralas		Rugiagėlių mėlyna
	Kukurūzų šilkas		Crimson		Žydra spalva		Tamsiai mėlyna
	Tamsiai mėlyna		Tamsus auksaspalvis		Tamsiai pilka		Tamsiai žalia
	Darkhaki		Tamsiai rausvai raudona		Tamsiai žalia		Tamsiai oranžinė
	Darkorchidėja		Tamsiai raudona		Tamsioji lašiša		Tamsiai žalia
	Tamsiai mėlyna		Tamsiai pilka		Tamsiai turkis		Tamsiai violetinė
	Deeppink		Giliai mėlyna		Neryškus		Dodgerblue
	Ugniai atspari plyta		Gėlių balta		Miško žaluma		Fuschia
	Gainsboro		Vaiduoklis baltas		Auksas		Aukso lazda
	Pilka		Žalia geltona		Medus		Ryški rausva spalva
	Indėnų raudonis		Indigo		Dramblio kaulas		chaki
	Levandos		Levandų skaistalai		Lemonchiffon		Šviesiai mėlynas
	Šviesus koralas		Šviesiai žalsvai mėlyna		Šviesiai šaltai geltona		Šviesiai žalia
	Šviesiai pilka		Šviesiai rožinė		Šviesi lašiša		Šviesiai žalios spalvos
	Šviesiai mėlyna		Šviesiai pilka		Šviesiai mėlyna		Šviesiai geltona
	Kalkės		Limegreen		Linas		Magenta
	Maroon		Mediumaquamarine		Vidutinio mėlynumo		Vidutinė morchidėja
	Vidutiniškai violetinė		Vidutiniškai žalios spalvos		Vidutinio plokščio mėlyna		Vidutinio pavasario žalia
	Vidutinio turkio spalvos		Vidutinės violetinės spalvos		Vidurnakčio mėlyna		Mėtų kremas
	Mistyrose		Navajobalta		karinis jūrų laivynas		Oldlace
	Alyvuogių		Oliverab		Oranžuotas		Orchidėja
	Palegoldenrodas		Paleggreen		Paletteurquoise		Blyškiai raudonas
	Papayawhip		Persikas		Peru		Rožinis
	Slyva		Mėlyna pudra		Rožinės spalvos		Karališkai mėlyna
	Balno rudos spalvos		Seagreen		Jūros kriauklė		Sienna
	sidabras		Dangaus mėlynumo		Slate mėlyna		Slategrey
	Sniegas		Springgreen		Plieno mėlyna		Tan
	žalsvai mėlyna		Erškėtis		Pomidoras		Turkis
	Violetinė		Kvieciai		Whitesmoke		Geltona žalia

Mažųjų raidžių su spalvų pavadinimais sąrašas yra gana platus ir daugiau nei pakankamas. Jei reikia nustatyti fono spalvą, kuri yra tokia neįprasta, kad ji net neturi pavadinimo, galite naudoti šešioliktainę reikšmę.

Naudojant saugią spalvų paletę

Deja, skirtingose ​​platformose, naudojant skirtingus sistemos nustatymus, teisingas spalvų atkūrimas yra problema. Reikalas tas, kad naršyklė visada bando prisitaikyti spalvų paletė dokumentas pagal sistemos nustatymai ir monitoriaus galimybes, nepriklausomai maišant spalvas ir jas keičiant. Todėl kartais vartotojas nemato tiksliai to, ką žiniatinklio valdytojas norėjo jam parodyti. Išeitis iš šios situacijos buvo rasta naudojant paletę, kurios kiekvieną spalvą garantuoja vienodai visos naršyklės skirtingose ​​platformose. Tai yra vadinamasis garantuotas paletė, dar vadinama saugus paletę. Šioje paletėje yra spalvų, kurių spalvų komponentai turi šias reikšmes: 00 ,33 ,66 ,99 , CC,FF, visais įmanomais būdais 216 jų deriniai.

FFFFFF CCCCCC 999999 666666 333333 000000 CCCC66 CCCC33 999966 999933 999900 666600 CCFF66 CCFF00 CCFF33 CCCC99 666633 333300 99 FF00 99FF33 99CC66 99CC00 99CC33 669900 CCFF99 99FF99 66CC00 66CC33 669933 336600 66 FF00 66FF33 33 FF00 33CC00 339900 009900 33FF33 00FF33 00FF00 00CC00 33CC33 00CC33 CCFFCC 99CC99 66CC66 669966 336633 003300 99FF99 66FF66 33FF66 00FF66 339933 006600 66FF99 33 FF99 00FF99 33CC66 00CC66 009933 66CC99 33CC99 00CC99 339966 009966 006633 99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999 CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC 99CCCC 66CCCC 339999 669999 006666 336666 66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333 99CCFF 3399 FF 0099FF 6699CC 336699 006699 0066FF 3366CC 0066CC 0033FF 003399 003366 6699 FF 3366FF 0000 FF 0000 CC 0033CC 000033 3333FF 3300 FF 3300 CC 3333CC 000099 000066 9999CC 6666FF 6666CC 666699 333399 333366 CCCCFF 9999FF 6666FF 6600 FF 330099 330066 9966CC 9966FF 6600CC 6633CC 663399 330033 CC99FF CC66FF 9933FF 9900 FF 660099 663366 CC66FF CC33FF CC00FF 9900CC 996699 660066 CC99CC CC66CC CC33CC CC00CC 990099 993399 FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399 FF66CC FF00CC FF33CC CC6699 CC0099 990066 FF99CC FF3399 FF0099 CC0066 993366 660033 FF6699 FF3399 FF0066 CC3366 996666 663333 CC9999 CC6666 CC3333 CC0000 990033 330000 FFCCCC 9999 FF FF6666 FF3333 FF0000 CC0033 FF6633 CC3300 3300 FF FF0000 CC0000 990000 FFCC99 FFCC66 FF6600 CC6633 993300 660000 9900 FF FF9933 CC9966 CC6600 996633 663300 FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600 FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00

peržiūrėti	kodas	peržiūrėti	kodas	peržiūrėti	kodas	peržiūrėti	kodas	peržiūrėti	kodas	peržiūrėti	kodas