Safyro spalvos kodas. HTML pamoka. RGB spalvos. Saugios palet?s spalvos
>>Spalv? valdymas
?e?ioliktain?s RGB spalv? reik?m?s
Spalv? apra?ymo ir apdorojimo metodai skiriasi vienas nuo kito tuo, kokiam galutiniam atvaizdavimui jie skirti. Palyginkime, pavyzd?iui, poligrafijos ir kompiuteri? monitori? spalv? atvaizdus. Pirmuoju atveju pagrindas yra 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?, arba visi?kai nesant spalv? suteikia balt? popieri?. Jei prie j? prid?sime juodos spalvos, gausime CMYK- b?das perteikti spalv?, kai norima spalva gaunama i? baltos at?mus tr?kstamas spalvas.
Antruoju atveju pagrindas yra 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 tur?ti reik?mes i? 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? skai?i? sistema, skirtingai nei de?imtain? skai?i? sistema, savo skaitmen? serijoje turi ne de?imt skaitmen?, o ?e?iolika – taigi ir pavadinimas. Atitinkamai, nesikartojantys dviej? skaitmen? derini? variantai gali b?ti tik - 256 , jei norite t?sti skaitmen? sek? po to 9 lai?kai nuo A prie? F, taigi eilut? atrodys taip -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
?iuo atveju spalva suteikiama 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 reik?mes nuo 00 prie? FF(nuo 0 iki 255). Pavyzd?iui: ?alia spalva pateikiama kaip #ec00ec, raudona - patinka #00ecec, m?lyna - patinka #ecec00, baltos spalvos #000000, visi?kas spalvos arba juodos spalvos nebuvimas pateikiamas kaip #ececec .
?emiau esan?ioje formoje galite nustatyti bet kokias ?e?ioliktaines reik?mes kiekvienai i? trij? spalv? ir pamatyti j? mai?ymo rezultat? spustel?dami i?vesties lauk?.
Kai kuri? ?e?ioliktaini? RGB spalv? reik?mi? pavyzd?iai: raudona, m?lyna ir ?alia 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 |
#ebecec | #6cecec | #ecebec | #ec6cec | #ececeb | #ecec6c | ||||||
#dcecec | #5cecec | #ecdcec | #ec5cec | #ececdc | #ecec5c | ||||||
#ccecec | #4cecec | #ecccec | #ec4cec | #ececcc | #ecec4c | ||||||
#bcecec | #3cecec | #ecbcec | #ec3cec | #ececbc | #ecec3c | ||||||
#acecec | #2cecec | #ecacec | #ec2cec | #ececac | #ecec2c | ||||||
#9cecec | #1cecec | #ec9cec | #ec1cec | #ecec9c | #ecec1c | ||||||
#8cecec | #0cecec | #ec8cec | #ec0cec | #ecec8c | #ecec0c | ||||||
#7cecec | #00ecec | #ec7cec | #ec00ec | #ecec7c | #ecec00 |
Spalvos nurodymas su eilu?i? raid?mis
Kad b?t? patogiau naudotis, kai kurioms spalvoms ir j? deriniams buvo suteikti 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 | ||||
Alisa m?lyna | senovinis baltas | Aqua | akvamarinas | ||||
Azure | Sm?lio spalvos | biskas | blan?iruotas migdolas | ||||
M?lyna violetin? | Ruda | Burlywood | Cadetblue | ||||
chartreuse | ?okoladas | Koralas | Rugiag?li? m?lyna | ||||
Kukur?z? ?ilkas | Crimson | ?alsvai m?lyna | 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 | tamsi la?i?a | Tamsiai ?alia | ||||
tamsiai m?lyna | tamsiai pilka | tamsus turkis | Tamsiai violetin? | ||||
Deeppink | giliai m?lynas dangus | Nery?kus | gudruolis m?lynas | ||||
Ugniai atspari plyta | G?li? balta | mi?ko ?aluma | Fuschia | ||||
Gainsboro | vaiduoklis baltas | Auksas | Aukso lazda | ||||
Pilka | ?alia geltona | Medus | ry?ki rausva spalva | ||||
Indijos raudona | Indigo | Dramblio kaulas | chaki | ||||
Levandos | Levand? skaistalai | Lemonchiffon | ?viesiai m?lynas | ||||
?viesus koralas | ?viesiai ?ydros spalvos | ?viesiai ?altai geltona | ?viesiai ?alia | ||||
?viesiai pilka | ?viesiai ro?in? | ?viesi la?i?a | ?viesiai ?alios spalvos | ||||
?viesiai m?lyna | ?viesiai pilkos spalvos | ?viesiai plieno m?lyna | ?viesiai geltona | ||||
kalki? | Limegreen | Linas | Magenta | ||||
ka?tonin?s spalvos | vidutinis akvamarinas | vidutinio m?lynumo | Vidutin? orchid?ja | ||||
Vidutin? violetin? | Vidutini?kai ?alios spalvos | Vidutinio plok??io m?lyna | Vidutinio pavasario ?alia | ||||
vidutinio turkio | vidutinio violetinio | vidurnak?io m?lyna | m?t? kremas | ||||
miglotas | Navajobalta | karinis j?r? laivynas | seni n?riniai | ||||
Alyvuogi? | Olivedrabas | oran?in? raudona | Orchid?ja | ||||
palegoldenrod | Paleggreen | paleturkis | bly?kiai raudonas | ||||
papaj? plakinys | Persikas | Peru | Ro?inis | ||||
Slyva | Milteliai m?lyni | Ro?in?s spalvos | karali?kai m?lyna | ||||
balno rudos spalvos | j?ros ?alumo | J?ros kriaukl? | Sienna | ||||
sidabras | m?lynas dangus | ?iferio m?lyna | Slategrey | ||||
Sniegas | Springgreen | plieno m?lyna | Tan | ||||
?alsvai m?lyna | Er?k?tis | Pomidoras | Turkis | ||||
violetin? | Kvieciai | Whitesmoke | Geltona ?alia |
Naudojant saug? spalv? rinkikl?
Deja, skirtingose platformose, naudojant skirtingus sistemos nustatymus, teisingas spalv? atk?rimas yra problema. Reikalas tas, kad nar?ykl? visada bando pritaikyti dokumento spalv? palet? prie sistemos nustatym? ir monitoriaus galimybi?, pati mai?ydama ir keisdama spalvas. Tod?l kartais vartotojas mato ne visai tai, k? ?iniatinklio valdytojas nor?jo jam parodyti. I?eitis i? ?ios situacijos buvo rasta naudojant palet?, kurios kiekvien? spalv? garantuoja vienodai atvaizduojamos visos nar?ykl?s skirtingose platformose. ?is vadinamasis garantuotas palet?, taip pat ?inoma kaip saugus palet?. ?ioje palet?je yra spalv?, kuri? spalv? komponentai ?gyja ?ias reik?mes: 00 ,33 ,66 ,99 , CC,FF, visais ?manomais b?dais 216 j? deriniai.
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 |
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 |
Deja, svetain?je kol kas ne?manoma parodyti skonio poj??i?. Ta?iau tai galima visi?kai kompensuoti spalv? pagalba. Gal? gale, html spalvos leid?ia parodyti bet kur? i? milijon? atspalvi?. Taigi, kad " spalvoti piestukai“ jo rinkinyje yra daug daugiau nei septyni.
spalv? schema html
HTML spalv? galima nurodyti keliais formatais:
1. Kaip ?e?ioliktain? reik?m? – naudojamas kodas, nurodytas ?e?ioliktain?je sistemoje. Tokie html spalv? kodai susideda i? trij? ?e?ioliktaini? skai?i? por?. Kiekviena pora yra atsakinga u? atspalvio prisotinim? pagrindine spalva:
- Pirmoji skai?i? pora yra atsakinga u? raudon? spalv?;
- Antroji pora skirta ?alios spalvos turiniui;
- Pastaroji skirta m?lynos spalvos turiniui.
Kodo prad?ioje (prie? skai?ius) dedamas mai?os ?enklas. Tai ?e?ioliktainis spalv? kodas. Be skai?i? nuo 1 iki 9, ?ioje skai?i? sistemoje naudojamos lotyni?kos ab?c?l?s raid?s (A, B, C, D, E, F).
Pavyzd?iui, baltos spalvos kodas HTML atrodyt? kaip #000000:
2. Raktinis ?odis – ?iuo metu html palaiko apie 147 raktinius ?od?ius. Ta?iau ne visi ?ie ?od?iai yra unikal?s. Kai kurie i? j? nurodo t? pat? spalv? atspalv?.
Pilka spalva ?ymima dviem raktiniais ?od?iais: pilka ir pilka . J? ?e?ioliktainis kodas (HEX ) pateikiamas ta pa?ia reik?me #6c6c6c .
Pavyzdys :
#6c6c6c
3. RGB formatu – ?is spalv? kodavimas html yra pagr?stas trij? ver?i?, nustatyt? diapazone nuo 0 iki 255, naudojimu. Kiekviena i? j? nustato atspalvio sodrum? viena i? pagrindini? spalv?:
- R - raudona (raudona);
- G - ?alia (?alia);
- B - m?lyna (m?lyna).
Spalvos numeris RGB formatu ra?omas taip: rgb(236,26,136).
fono spalva:rgb(136,50,193)
4. RGBA formatu – tai i?pl?stinis RGB formatas, kur ketvirtoji reik?m? nurodo spalvos skaidrum? de?imtain?s trupmenos pavidalu nuo 0 iki 1.
Naudojimo pavyzdys:
fono spalva:rgba(136,150,93,0,2)
fono spalva:rgba(136,150,93,0,5)
fono spalva:rgba(136,150,93,0,8)
fono spalva:rgba(136,150,93,1)
html spalv? lentel?s ir spalv? generatoriai
Turint tok? plat? spalv? nustatymo format? asortiment?, lengva susipainioti. Tod?l buvo i?rastas specialus spalv? stalas. Jame 147 pagrindini? spalv? atspalvi? pavadinim? atitikimo kodai pateikiami visuose pagrindiniuose spalv? vaizdavimo standartuose. Be to, kiekviename lauke yra juosta, skirta vizualiai suderinti spalvas. Viena i? ?i? lenteli? pateikiama svetain?je colourcheme.ru:
Ta?iau net ir naudojant toki? korespondencijos strukt?r?, norimo atspalvio pasirinkimas gali b?ti sunkus. Ir tai n?ra faktas, kad spalv? kod? lentel?je yra tinkamas.
Siekiant apeiti ?i? kli?t? ir kuo lengviau pasirinkti tinkam? atspalv?, buvo sukurtos interaktyvios interneto paslaugos. J? vartotojo s?saja gali ?iek tiek skirtis viena nuo kitos.
Svetain?je html-color-codes.info spalv? generatorius atrodo taip:
O paslaugoje color-picker.appsmaster.co ?is ?rankis ?diegtas ?iek tiek kitaip:
Kiekvienos generatoriaus spalvos sodrumas nustatomas naudojant specialius slankiklius. Vizualiai atspalvis rodomas r?melio ir sta?iakampio spalva kair?je pus?je. Apa?ioje 3 laukuose rodomas pagrindini? format? spalv? kodas.
Ta?iau spalv? generatori? galima ?sigyti ne tik specializuotose svetain?se. Beveik visi grafiniai redaktoriai apr?pinti pana?iu ?rankiu. Pavyzd?iui, „Photoshop“:
Spalv? sauga
Ir tai buvo labai seniai, vaizdo plok??i?, kurios palaiko tik 256 spalvas, laikais. Tais laikais operacin?s sistemos be i?kraipym? gal?jo rodyti tik tam tikr? a?tuoni? bit? atspalvi? skai?i?.
Tada buvo i?vesta puiki saugi? spalv? lentel?. Jame buvo nurodyta 216 atspalvi?, kurie gal?jo b?ti rodomi be i?kraipym? bet kurioje to meto nar?ykl?je. Ir iki ?ios dienos tai puikus rankra?tis» vis dar pasiekiama kai kuriuose ?altiniuose:
M?s? laikais viskas pasikeit?. Tod?l visos saugos taisykl?s dirbant su spalva html yra visi?kai at?auktos. Juk ?iuolaikin? kompiuterin? ?ranga palaiko daugiau nei 16 milijon? skirting? atspalvi?. O 216 saugi? spalv? nugrimzdo ? u?mar?t?. 2015-02-26 8,9 t?kst
Kaip ?inote, spalva gali paveikti ?mogaus b?sen?: tiek psichin?, tiek fizin?. Kasdien nar?ant internete akys ?vertina milijonus spalv? ir atspalvi?. Su spalv? psichologija susipa?in?s interneto dizaineris gali valdyti lankytojo nuotaik?, kad pasiekt? bet kokius 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 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? monitoriuose. Kadangi gamintojai savo gaminiams suteikia skirtingas charakteristikas, 1996 m. buvo sukurta vieninga RGB pagrindu sukurta spalv? sintez?s sistema, vadinama sRGB, prie kurios Microsoft ir HP dirbo kartu.
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 0–255 (8 bitai), o tai atitinka 00-FF ?e?ioliktaine.
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 ?vair?s raudonos, ?alios ir m?lynos spalvos atspalviai. Toliau pateikiama j? gradacijos lentel?, taip pat kiekvieno atspalvio ?e?ioliktain?s reik?m?s:
RGB spalv? diagramos
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).
Su ja galite susipa?inti ?ia. ?i lentel? labai supaprastina interneto dizaineri? gyvenim?, nes per kelias sekundes galite rasti norim? 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, o jai i?spr?sti buvo sudaryta vadinamoji „saugi“ RGB spalv? palet?, kuri buvo i?vesta matematiniais skai?iavimais.
Kai nar?ykl? negali tinkamai parodyti spalvos, ji bando priart?ti prie to, ko jai reikia, mai?ydama gretimas spalvas ir grei?iausiai rezultatas bus visi?kai nepriimtinas:
Naudodamas RGB spalv? kodus i? ?ios palet?s, ?iniatinklio k?r?jas gali b?ti ramus, rodydamas spalvas savo svetain?s puslapiuose, kai ?i?rima naudojant skirtingas nar?ykles, platformas ir monitorius. Nors ?iuo metu saugi? spalv? lentel? praranda savo aktualum? ( technologij? pa?anga nestovi vietoje), j? naudojant galima, kaip sakoma, ramiai i?simiegoti.
Auksin? spalva RGB modelyje
Pirm? kart? ?odis „auksas“ buvo pavartotas XIV am?iaus prad?ioje, apib?dinant cheminio elemento Aurum – aukso – spalv?. RGB modelyje aukso spalva pavaizduota ?iomis skaitin?mis reik?m?mis:
- RGB (255, 215, 0) - de?imtain? sistema;
- HEX #0015ec – ?e?ioliktain? sistema.
Sm?lio spalva RGB modelyje
Sm?lio spalva istorijoje u?ima gana reik?ming? viet?, net jei ji n?ra pati i?rai?kingiausia. Daugelis kult?ros paminkl?, ypa? antikvarin?s skulpt?ros, buvo pagaminti i? steatito ir muilo akmens, kurie turi sm?lio atspalv?. RGB modelyje sm?lio spalvos skaitiniai vaizdai yra tokie.
Spalv? kodai CSS naudojami spalvoms nurodyti. Paprastai spalv? kodai arba spalv? reik?m?s naudojami elemento priekinio plano (pvz., teksto, nuorodos spalvos) arba elemento fono (fono, bloko spalvos) spalvai nustatyti. Jais taip pat galima pakeisti mygtuk? spalv?, kra?telius, ?ymekl?, u?vedim? ir kitus dekoratyvinius efektus.
Galite nustatyti savo spalv? reik?mes ?vairiais formatais. ?ioje lentel?je i?vardyti visi galimi formatai:
?ie formatai i?samiau apra?yti toliau.
CSS spalvos – ?e?ioliktainiai kodai
?e?ioliktainis spalv? kodas yra ?e?i? skaitmen? spalv? atvaizdas. Pirmieji du skaitmenys (RR) yra raudona reik?m?, kiti du yra ?alia reik?m? (GG), o paskutiniai du yra m?lyna reik?m? (BB).
CSS spalvos – trumpi ?e?ioliktainiai kodai
Trumpas ?e?ioliktainis spalvos kodas yra trumpesn? ?e?i? simboli? ?ym?jimo forma. ?iame formate kiekvienas skaitmuo kartojamas, kad b?t? gauta lygiavert? ?e?i? skaitmen? spalvos reik?m?. Pavyzd?iui: #ec00ec tampa #ec00ec.
?e?ioliktain? reik?m? galima paimti i? bet kurios grafikos programin?s ?rangos, tokios kaip „Adobe Photoshop“, „Core Draw“ ir kt.
Prie? kiekvien? ?e?ioliktain? CSS spalvos kod? bus nurodytas mai?os ?enklas „#“. Toliau pateikiami ?e?ioliktainio ?ym?jimo pavyzd?iai.
CSS spalvos – RGB reik?m?s
RGB vert? yra spalvos kodas, kuris nustatomas naudojant rgb() ypatyb?. ?i savyb? turi tris vertes: po vien? raudonai, ?aliai ir m?lynai. Reik?m? gali b?ti sveikas skai?ius nuo 0 iki 255 arba procentas.
Pastaba: Ne visos nar?ykl?s palaiko rgb() spalvos ypatyb?, tod?l nerekomenduojama jos naudoti.
Toliau pateikiamas pavyzdys, rodantis kelias spalvas naudojant RGB reik?mes.
Spalv? kod? generatorius
Naudodamiesi m?s? paslauga galite sukurti milijonus spalv? kod?.
Saugios nar?ykl?s spalvos
?emiau yra 216 spalv? lentel?, kurios yra saugiausios ir nepriklausomos nuo kompiuterio. ?ios spalvos CSS svyruoja nuo 000000 iki FFFFFF ?e?ioliktainio kodo. Juos saugu naudoti, nes jie u?tikrina, kad visi kompiuteriai tinkamai parodys spalvas dirbant su 256 spalv? palete.
„Saugi?“ spalv? lentel? CSS | |||||
#ececec | #ececb9 | #ecec86 | #ecec53 | #ecec20 | #ecec00 |
#ecb9ec | #ecb9b9 | #ecb986 | #ecb953 | #ecb920 | #ecb900 |
#ec86ec | #ec86b9 | #ec8686 | #ec8653 | #ec8620 | #ec8600 |
#ec53ec | #ec53b9 | #ec5386 | #ec5353 | #ec5320 | #ec5300 |
#ec20ec | #ec20b9 | #ec2086 | #ec2053 | #ec2020 | #ec2000 |
#ec00ec | #ec00b9 | #ec0086 | #ec0053 | #ec0020 | #ec0000 |
#b9ecec | #b9ecb9 | #b9ec86 | #b9ec53 | #b9ec20 | #b9ec00 |
#b9b9ec | #b9b9b9 | #b9b986 | #b9b953 | #b9b920 | #b9b900 |
#b986ec | #b986b9 | #b98686 | #b98653 | #b98620 | #b98600 |
#b953ec | #b953b9 | #b95386 | #b95353 | #b95320 | #b95300 |
#b920ec | #b920b9 | #b92086 | #b92053 | #b92020 | #b92000 |
#b900ec | #b900b9 | #b90086 | #b90053 | #b90020 | #b90000 |
#86ecec | #86ecb9 | #86ec86 | #86ec53 | #86ec20 | #86ec00 |
#86b9ec | #86b9b9 | #86b986 | #86b953 | #86b920 | #86b900 |
#8686ec | #8686b9 | #868686 | #868653 | #868620 | #868600 |
#8653ec | #8653b9 | #865386 | #865353 | #865320 | #865300 |
#8620ec | #8620b9 | #862086 | #862053 | #862020 | #862000 |
#8600ec | #8600b9 | #860086 | #860053 | #860020 | #860000 |
#53ecec | #53ecb9 | #53ec86 | #53ec53 | #53ec20 | #53ec00 |
#53b9ec | #53b9b9 | #53b986 | #53b953 | #53b920 | #53b900 |
#5386ec | #5386b9 | #538686 | #538653 | #538620 | #538600 |
#5353ec | #5353b9 | #535386 | #535353 | #535320 | #535300 |
#5320ec | #5320b9 | #532086 | #532053 | #532020 | #532000 |
#5300ec | #5300b9 | #530086 | #530053 | #530020 | #530000 |
#20ecec | #20ecb9 | #20ec86 | #20ec53 | #20ec20 | #20ec00 |
#20b9ec | #20b9b9 | #20b986 | #20b953 | #20b920 | #20b900 |
#2086ec | #2086b9 | #208686 | #208653 | #208620 | #208600 |
#2053ec | #2053b9 | #205386 | #205353 | #205320 | #205300 |
#2020ec | #2020b9 | #202086 | #202053 | #202020 | #202000 |
#2000ec | #2000b9 | #200086 | #200053 | #200020 | #200000 |
#00ecec | #00ecb9 | #00ec86 | #00ec53 | #00ec20 | #00ec00 |
#00b9ec | #00b9b9 | #00b986 | #00b953 | #00b920 | #00b900 |
#0086ec | #0086b9 | #008686 | #008653 | #008620 | #008600 |
#0053ec | #0053b9 | #005386 | #005353 | #005320 | #005300 |
#0020ec | #0020b9 | #002086 | #002053 | #002020 | #002000 |
#0000ec | #0000b9 | #000086 | #000053 | #000020 | #000000 |