?viesiai ?alias kodas. Stili? spalvas galima nustatyti ?vairiais b?dais: pagal ?e?ioliktain? reik?m?, pagal pavadinim?, RGB, RGBA, HSL, HSLA formatu
Minecraft kodai spalvos arba Minecraft kodai formatavim?, leiskite bet kuriam ?aid?jui prid?ti g?li? ir visais ?manomais b?dais formatuoti tekst? tiesiai „Minecraft“. Spalv? kodai nuo &0-9 iki &a-f. Prid?kite juos prie? tekst?. ?aid?j? prane?imuose gali b?ti spalv? kod?, kurie leid?ia sakiniams suteikti spalv?.
Spalvos ir formatavimo kodai
Prane?imuose esantis ampersandas (&), po kurio seka ?e?ioliktainis skai?ius, prane?a klientui, kad rodant tekst? reikia keisti spalvas. Arba tekst? galima formatuoti naudojant & simbol?, po kurio ra?oma raid?. Galite prid?ti ?vairi? spalv? prie knyg?, komand? blok?, serverio pavadinimo, serverio apra?ymo (motd), pasaulio pavadinim?, ?enkl? ir net ?aid?j? pavadinim?.
Labai lengva suformatuoti tekst? konfig?racijose arba ?aidime, naudojant toliau pateikt? spalv? lentel?. &r naudojamas visiems kodams i?valyti, t.y. &mAAA&rBBB bus rodomas kaip AAA BBB.
J?s? patogumui pateikiame „Minecraft“ spalv? kod? lentel?:
Kodas | vardas | Techninis pavadinimas | Simbolio spalva | Simbolio ?e??li? spalva | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | ?e?iakampis | R | G | B | ?e?iakampis | |||
&0 | Juoda | juodas | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Tamsiai m?lyna | tamsiai m?lyna | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | tamsiai ?alia | tamsiai ?alia | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Tamsiai m?lyna-?alia | tamsus_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
&4 | Tamsiai raudona | tamsiai raudona | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Tamsiai violetin? | tamsiai violetin? | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Auksas | auksas | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Pilka | pilka | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Tamsiai pilka | tamsiai pilka | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | M?lyna | m?lyna | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&a | ?alias | ?alias | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | m?lyna ?alia | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
ir kt | Raudona | raudona | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | ?viesiai violetin? | ?viesiai violetin? | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Geltona | geltona | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | Baltas | baltas | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Kartais tai b?tina pabraukti, pabraukti, pary?kinti ka?koks tekstas. Tam naudojamas teksto formatavimas. Jis naudojamas taip pat, kaip ir spalvos (prie? ?dedame tekst? kodas, pavyzd?iui, &lMinecraft= Minecraft.
J?s? patogumui toliau pateikiama formatavimo kod? lentel?:
Kodas | vardas |
---|---|
&k | magi?kas tekstas |
&l | Miniati?ra |
&m | Perbrauktas tekstas |
&n | Pabrauktas tekstas |
&o | Kursyvas tekstas |
&r | Tekstas be formatavimo |
Vladas Mer?evi?ius
HTML spalva nurodoma vienu i? dviej? b?d?: naudojant ?e?ioliktain? kod? ir kai kuri? spalv? pavadinimus. Da?niausiai naudojamas metodas yra pagr?stas ?e?ioliktaine sistema, kaip universaliausias.
?e?ioliktain?s spalvos
HTML naudoja ?e?ioliktainius skai?ius spalvoms nurodyti. ?e?ioliktain? sistema, skirtingai nei de?imtain? sistema, kaip rodo jos pavadinimas, yra pagr?sta 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. Lentel?je. 6.1 rodo de?imtaini? ir ?e?ioliktaini? skai?i? atitikim?.
Didesni nei 15 skai?iai ?e?ioliktain?je sistemoje susidaro sujungus du skai?ius ? vien? (6.2 lentel?). Pavyzd?iui, skai?ius 255 de?imtainiu b?du atitinka skai?i? FF ?e?ioliktaine.
Siekiant i?vengti painiavos apibr??iant skai?i? sistem?, prie? ?e?ioliktain? skai?i? ra?omas svaro ?enklas #, pavyzd?iui, #428320. ?iuo atveju raid? neturi reik?m?s, tod?l leid?iama ra?yti #000000 arba #000000.
Tipi?ka HTML naudojama spalva yra tokia.
?ia tinklalapio fono spalva nustatyta ? #005ea5. Svaro ?enklas # prie? skai?i? rei?kia, kad jis yra ?e?ioliktainis. Pirmieji du skaitmenys (FA) apibr??ia raudon? spalvos komponent?, tre?ias–ketvirtas skaitmenys (8E) – ?ali?, o paskutiniai du skaitmenys (47) – m?lyn?. Galutinis rezultatas yra ?i spalva.
FA | + | 8E | + | 47 | = | FA8E47 |
Kiekviena i? trij? spalv? – raudonos, ?alios ir m?lynos – gali tur?ti reik?mes nuo 00 iki FF, o tai galiausiai sudaro 256 atspalvius. Taigi, bendras spalv? skai?ius gali b?ti 256x256x256 = 16.777.216 derini?. Spalv? modelis, pagr?stas raudonos, ?alios ir m?lynos spalvos komponentais, vadinamas RGB (raudona, ?alia, m?lyna; raudona, ?alia, m?lyna). ?is modelis yra priedas (i? prid?ti - prid?ti), kuriame vis? trij? komponent? prid?jimas sudaro balt? spalv?.
Kad b?t? lengviau nar?yti ?e?ioliktain?mis spalvomis, atsi?velkite ? kai kurias taisykles.
- Jei spalv? komponent? reik?m?s yra vienodos (pavyzd?iui: #161616), bus gautas pilkas atspalvis. Kuo didesnis skai?ius, tuo ?viesesn? spalva, o reik?m?s pasikei?ia i? #ececec (juoda) ? #000000 (balta).
- Ry?kiai raudona spalva susidaro, jei raudonas komponentas yra did?iausias (FF), o kiti komponentai nustatomi ? nul?. Spalva, kurios reik?m? #00ecec, yra raudoniausias ?manomas raudonas atspalvis. Tas pats pasakytina apie ?ali? (#ec00ec) ir m?lyn? (#ecec00).
- Geltona (#0000ec) gaunama sumai?ius raudon? su ?alia. Tai ai?kiai matoma spalv? ratuke (6.1 pav.), kuriame pateikiamos pagrindin?s spalvos (raudona, ?alia, m?lyna) ir papildomos arba papildomos. Tai geltona, ?alsvai m?lyna ir violetin? (taip pat vadinama purpurine). Apskritai, bet koki? spalv? galima gauti mai?ant ?alia esan?ias spalvas. Taigi ?alsvai m?lyna (#ec0000) gaunama derinant m?lyn? ir ?ali? spalvas.
Ry?iai. 6.1. Spalv? ratas
Spalvos, pagr?stos ?e?ioliktain?mis reik?m?mis, neturi b?ti pasirinktos empiri?kai. ?iuo tikslu tinka grafinis redaktorius, galintis dirbti su skirting? spalv? modeliais, pavyzd?iui, Adobe Photoshop. Ant pav. 6.2 rodomas ?ios programos spalvos pasirinkimo langas, linija apjuosia gaut? ?e?ioliktain? esamos spalvos reik?m?. Galite nukopijuoti ir ?klijuoti j? ? savo kod?.
Ry?iai. 6.2. Spalv? parinkiklis „Photoshop“.
Interneto spalvos
Jei monitoriaus spalv? kokyb? nustatote ? 8 bitus (256 spalvos), tai ta pati spalva skirtingose nar?ykl?se gali b?ti rodoma skirtingai. Tai susij? su grafikos atvaizdavimo b?du, kai nar?ykl? veikia su savo palete ir negali rodyti spalvos, kurios n?ra jos palet?je. ?iuo atveju spalva pakei?iama kit?, jai artim?, spalv?, imituojan?i? duot?j?, pikseli? deriniu. Kad spalva skirtingose nar?ykl?se i?likt? ta pati, buvo pristatyta vadinam?j? interneto spalv? palet?. Interneto spalvos yra tokios spalvos, kuri? kiekvienam komponentui - raudonai, ?aliai ir m?lynai - viena i? ?e?i? reik?mi? - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). ?io komponento ?e?ioliktain? reik?m? nurodyta skliausteliuose. Bendras spalv? skai?ius i? vis? galim? derini? duoda 6x6x6 - 216 spalv?. ?iniatinklio spalvos pavyzdys yra #b90086.
Pagrindin? ?iniatinklio spalv? savyb? yra ta, kad visose nar?ykl?se ji rodoma vienodai. ?iuo metu ?iniatinklio spalv? aktualumas yra labai ma?as d?l monitori? kokyb?s pager?jimo ir j? galimybi? i?pl?timo.
Spalvos pagal pavadinim?
Kad neprisimintum?te skai?i? rinkinio, vietoj j? galite naudoti da?niausiai naudojam? spalv? pavadinimus. Lentel?je. 6.3 rodo populiari? spalv? pavadinim? pavadinimus.
Spalvos pavadinimas | Spalva | apib?dinimas | Hex vert? |
---|---|---|---|
juodas | Juoda | #ececec | |
m?lyna | M?lyna | #ecec00 | |
fuksija | ?viesiai violetin? | #00ec00 | |
pilka | Tamsiai pilka | #6c6c6c | |
?alias | ?alias | #ec6cec | |
kalki? | ?viesiai ?alia | #ec00ec | |
ka?tonin?s spalvos | Tamsiai raudona | #6cecec | |
karinis j?r? laivynas | Tamsiai m?lyna | #ecec6c | |
alyvuogi? | Alyvuogi? | #6c6cec | |
violetin? | Tamsiai violetin? | #6cec6c | |
raudona | Raudona | #00ecec | |
sidabras | ?viesiai pilka | #2c2c2c | |
?alsvai m?lyna | m?lyna ?alia | #ec6c6c | |
baltas | Baltas | #000000 | |
geltona | Geltona | #0000ec |
Nesvarbu, kaip nurodysite spalv? – pagal pavadinim? ar naudodami ?e?ioliktainius skai?ius. Savo poveikiu ?ie metodai yra vienodi. 6-1 pavyzdyje parodyta, kaip nustatyti tinklalapio fono ir teksto spalvas.
6.1 pavyzdys. Fono ir teksto spalva
Teksto pavyzdys
?iame pavyzdyje fono spalva nustatoma naudojant ?ymos atribut? bgcolor
ir teksto spalv? per teksto atribut?. ?vairovei teksto atributo reik?m? nustatoma ? ?e?ioliktain? skai?i?, o bgcolor nustatytas kaip rezervuotas raktinis ?odis teal .?e?ioliktainiai skai?iai naudojami spalvoms nurodyti. ?e?ioliktain? sistema, skirtingai nei de?imtain? sistema, kaip rodo jos pavadinimas, yra pagr?sta 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 apibr??iant skai?i? sistem?, prie? ?e?ioliktain? skai?i? ra?omas mai?os simbolis #, pavyzd?iui, #868353. Kiekvienos i? trij? spalv? – raudonos, ?alios ir m?lynos – reik?m?s gali b?ti nuo 00 iki FF. Taigi spalvos ?ym?jimas yra padalintas ? tris komponentus #rrggbb, kur pirmieji du simboliai ?ymi 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 #0000ec tur?t? b?ti laikomas #0000ec.
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, reik?m?s RGB, HSL formatu ir apra?ymas.
vardas | Spalva | Kodas | RGB | HSL | apib?dinimas |
---|---|---|---|---|---|
baltas | #fffff arba #ffff | rgb (255 255 255) | hsl (0,0 %, 100 %) | Baltas | |
sidabras | #2c2c2c | rgb(44,44,44) | hsl (0,0 %, 75 %) | Pilka | |
pilka | #6c6c6c | rgb(0,236,236) | hsl (0,0 %, 50 %) | Tamsiai pilka | |
juodas | #ececec arba #ececec | rgb(236,236,236) | hsl(0,0%,0%) | Juoda | |
ka?tonin?s spalvos | #6cecec | rgb(108,236,236) | hsl(0,100%,25%) | Tamsiai raudona | |
raudona | #00ecec arba #00ecec | rgb(0,236,236) | hsl(0,100%,50%) | Raudona | |
oran?in? | #0047ec | rgb(0,71,236) | hsl (38,8 100 %, 50 %) | Oran?in? | |
geltona | #0000ec arba #0000ec | rgb(0,0,236) | hsl (60 100 %, 50 %) | Geltona | |
alyvuogi? | #6c6cec | rgb(108,108,236) | hsl (60 100 %, 25 %) | Alyvuogi? | |
kalki? | #ec00ec arba #ec00ec | rgb(236,0,236) | hsl (120 100 %, 50 %) | ?viesiai ?alia | |
?alias | #ec6cec | rgb(236,108,236) | hsl (120 100 %, 25 %) | ?alias | |
aqua | #ec0000 arba #0ffff | rgb(0,236,236) | hsl (180 100 %, 50 %) | M?lyna | |
m?lyna | #ecec00 arba #ecec00 | rgb(236,236,0) | hsl (240 100 %, 50 %) | M?lyna | |
karinis j?r? laivynas | #ecec6c | rgb(236,236,108) | hsl (240 100 %, 25 %) | Tamsiai m?lyna | |
?alsvai m?lyna | #ec6c6c | rgb(0,236,236) | hsl (180 100 %, 25 %) | m?lyna ?alia | |
fuksija | #00ec00 arba #00ec00 | rgb(255;0,255) | hsl(300,100%,50%) | Ro?inis | |
violetin? | #6cec6c | rgb(108,236,108) | hsl (300 100 %, 25 %) | Violetin? |
Su 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 priimtina spalv? nustatyti procentais, o 100 % atitiks skai?i? 255. Pirmiausia nurodomas rgb raktinis ?odis, o tada spalvos komponentai nurodyti skliausteliuose, atskirti kableliais, pavyzd?iui, rgb(0,108,108) 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?, kuris nustato elemento skaidrum?. 0 reik?m? yra visi?kai skaidri, 1 yra nepermatoma, o tarpin? vert?, pvz., 0,5, yra permatoma.
RGBA yra prid?ta prie CSS3, tod?l CSS kodo patvirtinimas tur?t? b?ti atliekamas pagal ?i? versij?. Reik?t? pa?ym?ti, kad CSS3 standartas vis dar kuriamas ir kai kurios jo funkcijos gali keistis. Pavyzd?iui, RGB spalva, prid?ta prie fono spalvos ypatyb?s, yra patvirtinama, o prid?ta prie fono ypatyb?s – ne. 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 susidaro i? pirm?j? raid?i? Hue (atspalvis), Saturate (soturumas) ir Lightness (lightness) derinio. Atspalvis yra spalv? rato spalvos reik?m? (1 pav.) ir nurodoma laipsniais. 0° yra raudona, 120° yra ?alia, o 240° yra m?lyna. Atspalvio reik?m? gali svyruoti nuo 0 iki 359.
Ry?iai. 1. Spalv? ratas
Sodrumas yra spalvos intensyvumas, matuojamas procentais nuo 0% iki 100%. 0% reik?m? rodo, kad n?ra spalvos, o pilkas atspalvis, 100% yra did?iausia sodrumo reik?m?.
?viesumas nustato spalvos ry?kum? ir nurodomas procentais nuo 0% iki 100%. Ma?os reik?m?s daro spalv? tamsesn?, o didel?s – ?viesesn?, kra?tutin?s 0% ir 100% reik?m?s 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?, kuris nustato elemento skaidrum?. 0 reik?m? yra visi?kai skaidri, 1 yra nepermatoma, o tarpin? vert?, pvz., 0,5, yra permatoma.
RGBA, HSL ir HSLA format? spalv? reik?m?s pridedamos prie CSS3, tod?l naudodami ?iuos formatus patikrinkite kodo galiojim? pagal versij?.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
?sp?jimas
Visi svetain?je i?vardyti li?to gaudymo b?dai yra teoriniai ir pagr?sti skai?iavimo metodais. Autoriai negarantuoja j?s? saugumo juos naudojant ir neprisiima jokios atsakomyb?s u? rezultat?. Atminkite, kad li?tas yra pl??r?nas ir pavojingas gyv?nas!
?io pavyzd?io rezultatas parodytas fig. 2.
Ry?iai. 2. Spalvos tinklalapyje
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 |
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 gal?jo rodyti tik tam tikr? a?tuoni? bit? atspalvi? skai?i? be i?kraipym?.
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?.