HTML spalvos apibrėžiamos naudojant RGB sistemą, dažnai pasitelkiant šešioliktainę skaičiavimo sistemos žymėjimą (hex).
RGB – spalvų maišymo sistema, kurioje naudojamos trys, žmogaus akių receptorius atitinkančios spalvos: raudona (R), žalia (G) ir Mėlyna (B). RGB sistemoje spalva nagrinėjama, kaip spinduliavimas: visų trijų spalvų nulinės reikšmės atitinka juodą spalvą, o visų trijų maksimalios reikšmės – baltą. Maišant RGB spalvų poras, gaunamos CMY sistemos spalvos.
RGB sistemoje spalvos užrašomos procentine dalimi nuo baltos (pvz., 100%,100%,0% reikštų purpurinę) arba šešioliktainėje: #00FFFF reikštų cianą.
RGB sistema dažniausiai naudojama elektronikoje, kompiuteriuose. Ja koduojamas vaizdas kineskopų ekranuose, ji patogi naudoti programuojant.
šaltinis: http://lt.wikipedia.org/
Tai yra labai panaši sistema į dešimtainę (dec), kuri yra mums įprasta.
Iš viso yra 16 skaičių: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E ir F. Skaičių atitikmenys dešimtainėje sistemoje:
DEC |
HEX | DEC | HEX |
0 | 0 | 9 | 9 |
1 | 1 | 10 | A |
2 | 2 | 11 | B |
3 | 3 | 12 | C |
4 | 4 | 13 | D |
5 | 5 | 14 | E |
6 | 6 | 15 | F |
7 | 7 | ||
8 | 8 | 255 | FF |
Spalva | HEX | RGB |
---|---|---|
#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) |
Raudonos, žalios ir mėlynos spalvų reikšmių nuo 0 iki 255 kombinacijos suteikia daugiau, nei 16 milijonų skirtingų spalvų su kuriomis mes ir spalviname internetinius puslapius (256 x 256 x 256)
Žemiau pateiktoje lentelėje, galite pamatyti kaip kinta spalva, palaipsniui keičiant raudono tono reikšmę nuo 0 iki 255. Žalios ir mėlynos spalvos reikšmės išlieka lygios 0.
Besikeičianti spalva | hex | rgb |
---|---|---|
#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) |
Pilka spalva yra gaunama, kai visų trijų spalvų (raudonos, žalios ir mėlynos) reikšmės sutampa.
Besikeičianti spalva | rgb | hex |
---|---|---|
RGB(0,0,0) | #000000 | |
RGB(8,8,8) | #080808 | |
RGB(16,16,16) | #101010 | |
RGB(24,24,24) | #181818 | |
RGB(32,32,32) | #202020 | |
RGB(40,40,40) | #282828 | |
RGB(48,48,48) | #303030 | |
RGB(56,56,56) | #383838 | |
RGB(64,64,64) | #404040 | |
RGB(72,72,72) | #484848 | |
RGB(80,80,80) | #505050 | |
RGB(88,88,88) | #585858 | |
RGB(96,96,96) | #606060 | |
RGB(104,104,104) | #686868 | |
RGB(112,112,112) | #707070 | |
RGB(120,120,120) | #787878 | |
RGB(128,128,128) | #808080 | |
RGB(136,136,136) | #888888 | |
RGB(144,144,144) | #909090 | |
RGB(152,152,152) | #989898 | |
RGB(160,160,160) | #A0A0A0 | |
RGB(168,168,168) | #A8A8A8 | |
RGB(176,176,176) | #B0B0B0 | |
RGB(184,184,184) | #B8B8B8 | |
RGB(192,192,192) | #C0C0C0 | |
RGB(200,200,200) | #C8C8C8 | |
RGB(208,208,208) | #D0D0D0 | |
RGB(216,216,216) | #D8D8D8 | |
RGB(224,224,224) | #E0E0E0 | |
RGB(232,232,232) | #E8E8E8 | |
RGB(240,240,240) | #F0F0F0 | |
RGB(248,248,248) | #F8F8F8 | |
RGB(255,255,255) | #FFFFFF |
Kitas būdas aprašyti spalvas yra naudoti jų vardus. Yra sukurta 150 skirtingų spalvų pavadinimų, kuriuos palaiko dauguma naršyklių.
žiūrėti spalvų vardus pagal abėcėlę, pagal reikšmę
Yra sutarta visame pasaulyje 16 skirtingų spalvų vardų kuriuos galima taikyti rašant tiek html, tiek css.
Jų sąrašas:
Jei norite naudoti kitas spalvas, patariame naudoti hex koduotes.
Seniau, kai kompiuteriai palaikydavo tik 256 skirtingas spalvas buvo sukurtas sąrašas su internetui saugiomis spalvomis. Šiais moderniais laikais tai jau nebėra aktualu. Štai minėtasis sąrašas:
000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
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 | 3300CC | 3300FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 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 |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |