Acasă » Instalarea fundației » Html culoare verde strălucitor. Culoarea în stiluri poate fi setată în diferite moduri: după valoare hexazecimală, după nume, în format RGB, RGBA, HSL, HSLA

Html culoare verde strălucitor. Culoarea în stiluri poate fi setată în diferite moduri: după valoare hexazecimală, după nume, în format RGB, RGBA, HSL, HSLA

Există mai multe moduri de a reprezenta culoarea în design web.

HEX este un sistem hexazecimal pentru reprezentarea culorilor în baza 16. Pentru acest sistem, cifrele zecimale arabe de la 0 la 9 și litere latine de la A la F sunt folosite pentru a completa numărul digital la 16. Pentru design web, 16 culori primare (cheie). , așa-numitul cod de culoare hexazecimal #RRGGBB, unde fiecare pereche este responsabilă pentru cota sa de culoare: RR - roșu, GG - verde și BB - albastru. Fiecare fracțiune de culoare variază de la 00 la FF.

Alte două reprezentări ale culorii în design web sunt: sub formă de RGB(*,*,*), unde fiecare parte „*” a culorii este reprezentată prin cifre zecimale de la 0 la 255 și prin nume de culori în limba engleză.

La crearea unei imagini color, principala problemă este reproducerea corectă a culorilor pe diferite tipuri de computere, monitoare și browsere. Dacă browserul nu poate reda corect o culoare, se potrivește sau amestecă mai multe culori. Și uneori poate fi înlocuit cu o culoare complet diferită.

Masa 16 culori primare, care sunt utilizate în toate browserele

Nume	Culoare	hex	(RGB)
Aqua (valul mării)		#00FFFF	(000,255,255)
negru (negru)		#000000	(000,000,000)
Albastru (albastru)		#0000FF	(000,000,255)
fucsia (magenta)		#FF00FF	(255,000,255)
Gri cenusiu)		#808080	(128,128,128)
verde (verde)		#008000	(000,128,000)
Tei (verde aprins)		#00FF00	(000,255,000)
maro (maroon)		#800000	(128,000,000)
Bleumarin (albastru închis)		#000080	(000,000,128)
măsline (măsline)		#808000	(128,128,000)
violet (violet)		#800080	(128,000,128)
roșu (roșu)		#FF0000	(255,000,000)
Argint (argint)		#C0C0C0	(192,192,192)
Teal (gri verde)		#008080	(000,128,128)
alb (alb)		#FFFFFF	(255,255,255)
galben (galben)		#FFFF00	(255,255,000)

Masa Violet culori si nuante

Nume	Culoare	hex	(RGB)
Magenta (magenta)		#FFCBDB	(255,203,219)
Magenta (magenta)		#FF0099	(255,000,153)
Magenta (magenta)		#F95A61	(249,090,097)
fucsia (fucsia)		#FF00FF	(255,000,255)
Mauveine (violet anilină)		#EF0097	(239,000,151)
Roz somon (roz portocaliu)		#FF91A4	(255,145,164)
Cenise (o nuanță de magenta)		#DE3163	(153,149,140)
vinete vinete (vinete)		#990066	(153,000,132)
Blush de lavandă (lavandă roz)		#FFF0F5	(255,240,245)
liliac (liliac)		#C8A2C8	(200,162,200)
Magenta (magenta)		#FF008F	(255,000,143)
orhidee (orhidee)		#DA70D6	(218,112,214)
Roșu-violet (violet-roșu)		#C71585	(199,021,133)
Sanguin (sangvin)		#92000A	(146,000,010)
Ciulin (o nuanță de magenta)		#D8BFD8	(185,211,238)
Violet-vinete (o nuanță de magenta)		#991199	(153,017,153)
Rosa vivo (roz bogat)		#FF007F	(255,000,127)
Trandafir de lavandă (o nuanță de violet)		#FBA0E3	(108,123,139)
Mountbatten roz (Mounbatten roz)		#997ABD	(153,122,141)

Masa gri culori si nuante

Nume	Culoare	hex	(RGB)
gri (gri)		#808080	(128,128,128)
gri (gri)		#bebebe	(190,190,190)
(nuanță gri)		#858585	(133,133,133)
Gri33 (Gray-33)		#545454	(084,084,084)
(ardezie gri)		#708090	(112,128,144)
(Cuarţ)		#99958s	(153,149,140)
(Gri deschis)		#bbbbbb	(187,187,187)
(Argint)		#c0c0c0	(192,192,192)
(alb gri)		#f0f0f0	(240,240,240)
(Barba lui Abdel-Kerim)		#e0e0e0	(224,224,224)
Gri deschis (gri deschis)		#d3d3d3	(211,211,211)
LightStateGray()		#778899	(119,136,153)
StateGray-1 (albastru pal de floarea de colț1)		#c6e2ff	(198,226,255)
StateGray-2 (albastru pal de floarea de colț2)		#b9d3ee	(185,211,238)
StateGray3()		#9fb6cd	(159,182,205)
StateGray4()		#6c7b8b	(108,123,139)

Privește cu atenție desenul. Fundalul casetei derulante este translucid. Aceasta este o tehnică de proiectare destul de comună. Să ne gândim cum poate fi implementat acest lucru.

Sarcină

Faceți culoarea translucidă pentru crossbrowser.

Decizie

Primul gând în această situație este să folosiți o imagine png24 pentru fundal cu transluciditatea deja setată. Dar această imagine este complet redundantă. Vă puteți descurca foarte bine fără el (și, prin urmare, fără o solicitare suplimentară către server). Să încercăm să găsim cea mai bună soluție.

Al doilea gând este de a folosi . Dar în acest caz nu este foarte convenabil. La urma urmei, atunci nu numai fundalul, ci și inscripțiile vor deveni translucide. Da, de fapt, toată fereastra deodată.

Desigur, puteți încerca să adăugați un container suplimentar și să aplicați opacitate numai acestuia, dar acest element HTML va fi doar pentru decor și va fi evident de prisos. Este posibil să te descurci fără ea?

Sigur ca poti! Dacă utilizați RGBA.

Format de descriere a culorilor RGBA

CSS3 permite specificarea culorii folosind funcțiile RGB și RGBA. În același timp, trebuie să indicăm ponderea fiecărei componente de culoare, sub care este alocat un octet (de la 0 la 255, dintr-o dată cineva nu știe).

Sintaxa pentru acest caz este foarte simplă:

fundal: rgb(0, 255, 0); /* culoare verde pur */

Pentru RGBA, se adaugă un al patrulea parametru - transparența alfa (de la 0 la 1).

Fundal: rgba(255, 0, 0, 0,5); /* rosu pur cu 50% opacitate */

Iată, soluția la problema noastră. Este suficient să setați culoarea de fundal folosind rgba și totul va arăta așa cum avem nevoie. Fără poze și elemente suplimentare!

De unde pot obține aceste numere?

Puteți să vă uitați la culorile constitutive utilizând instrumentul pipeta din Photoshop.

Despre compatibilitatea între browsere

Deoarece funcția RGB este mult mai veche decât RGBA și există încă de pe vremea standardului CSS2, puteți utiliza următoarea construcție duplicat pentru a vă proteja împotriva celor mai vechi browsere:

SomeBlock ( fundal: rgb(255, 0, 0); fundal: rgba(255, 0, 0, 0.5); )

Cu această abordare, străbunicii browserelor moderne nu vor avea transluciditate, dar culoarea în sine va rămâne corectă.

Separat, va trebui să ai grijă de IE. Cei de tip măgar până la versiunea a 8-a inclusiv nu înțeleg RGBA.

Ca întotdeauna: pământ - la țărani, fabrici - la muncitori, și măgari - o cârjă! La fel de .

Desigur, în condiții de luptă, scoatem această regulă într-un CSS separat, pe care îl includem .

SomeBlock ( background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ff0000,endColorstr=#80ff0000); zoom: 1; )

Trucul este să specificați aceleași culori de început și de sfârșit (ff0000 - roșu) și să profitați de faptul că puteți seta canalul alfa pentru gradient în acest filtru (în exemplu, valoarea este 80).

Pentru referință: filtrul folosește un sistem hexazecimal și codul FF corespunde unei culori complet opace (în zecimală este 255). În consecință, hexazecimalul 80 este zecimalul 128, adică 50% transparență.

Verificat în:

IE 6-9
Firefox 3+
Opera 10+
Safari 4
Crom

Modulul de culoare CSS detaliază valorile care permit autorilor să specifice culorile și opacitatea elementelor html, precum și valorile proprietății culorii.

proprietatea culorii

1. Culori prioritare: proprietatea culorii

Proprietatea setează culoarea fontului folosind diferite sisteme de randare. Proprietatea descrie culoarea conținutului text al elementului. De asemenea, este folosit pentru a furniza o valoare indirectă potențială (currentColor) pentru orice alte proprietăți care acceptă valori de culoare.

Proprietatea este moștenită.

2. Valori de culoare

2.1. Cuvinte cheie principale

Lista de cuvinte cheie principale include următoarele valori:

Nume	HEX	RGB
negru	#000000	0,0,0
argint	#C0C0C0	192,192,192
gri	#808080	128,128,128
alb	#FFFFFF	255,255,255
maro	#800000	128,0,0
roșu	#FF0000	255,0,0
Violet	#800080	128,0,128
fucsie	#FF00FF	255,0,255
verde	#008000	0,128,0
lămâie verde	#00FF00	0,255,0
măsline	#808000	128,128,0
galben	#FFFF00	255,255,0
marina	#000080	0,0,128
albastru	#0000FF	0,0,255
teal	#008080	0,128,128
acva	#00FFFF	0,255,255

Numele culorilor nu fac distincție între majuscule și minuscule.

Sintaxă

Culoare: teal;

2.2. Valori numerice de culoare

2.2.1. Culori model RGB

Formatul unei valori RGB în hexazecimal este semnul # urmat imediat de trei sau șase caractere hexazecimale. Notația RGB din trei cifre #rgb este convertită în forma de șase cifre #rrggbb prin copierea cifrelor, nu prin adăugarea de zerouri. De exemplu, #fb0 se extinde la #ffbb00 . Acest lucru asigură faptul că #ffffff alb poate fi specificat în prescurtarea #fff și elimină orice dependență de adâncimea culorii afișajului.

Formatul unei valori RGB în notație funcțională este rgb( urmat de o listă de trei valori numerice separate prin virgulă (fie trei valori întregi, fie trei valori procentuale) urmată de un caracter). Valoarea întreagă 255 corespunde cu 100% și F sau FF în notație hexazecimală:

rgb(255.255.255) = rgb(100%, 100%, 100%) = #FFF

Caracterele de spațiu sunt permise în jurul valorilor numerice.

Culoarea în CSS poate fi setată în diferite moduri:

dupa nume,
prin valoare hexazecimală,
în formatele RGB și RGBA,
în formatele HSL și HSLA.

Setați culoarea după nume

Browserele acceptă specificarea anumitor culori pentru elemente după nume. În acest tabel, unele dintre cuvintele cheie (nume de culori în limba engleză) sunt utilizate pentru a seta proprietățile culorii, codul RGB, codul hexazecimal (HEX) și codul HSL.

Tab. 1. Numele culorilor, codul lor RGB, HEX și HSL.

Nume	RGB	HEX	HSL	Descriere
alb	rgb(255, 255, 255)	#ffff sau #fff	hsl(0, 0%, 100%)	alb
argint	rgb(192, 192, 192)	#c0c0c0	hsl(0, 0%, 75%)	Gri
gri	rgb(128, 128, 128)	#808080	hsl(0, 0%, 50%)	Gri inchis
negru	rgb(0, 0, 0)	#000000 sau #000	hsl(0, 0%, 0%)	Negru
maro	rgb(128, 0, 0)	#800000	hsl(0, 100%, 25%)	Roșu-închis
roșu	rgb(255, 0, 0)	#ff0000 sau #f00	hsl(0, 100%, 50%)	roșu
portocale	rgb(255, 165, 0)	#ffa500	hsl(38,8, 100%, 50%)	Portocale
galben	rgb(255, 255, 0)	#ffff00 sau #ff0	hsl(60, 100%, 50%)	Galben
măsline	rgb(128, 128, 0)	#808000	hsl(60, 100%, 25%)	măsline
lămâie verde	rgb(0, 255, 0)	#00ff00 sau #0f0	hsl(120, 100%, 50%)	verde deschis
verde	rgb(0, 128, 0)	#008000	hsl(120, 100%, 25%)	Verde
acva	rgb(0, 255, 255)	#00ffff sau #0ff	hsl(180, 100%, 50%)	Albastru
albastru	rgb(0, 0, 255)	#0000ff sau #00f	hsl(240, 100%, 50%)	Albastru
marina	rgb(0,0,128)	#000080	hsl(240, 100%, 25%)	Albastru marin
teal	rgb(0, 128, 128)	#008080	hsl(180, 100%, 25%)	albastru verde
fucsie	rgb(255, 0, 255)	#ff00ff sau #f0f	hsl(300, 100%, 50%)	Roz
Violet	rgb(128, 0, 128)	#800080	hsl(300, 100%, 25%)	violet

Acesta este un exemplu de utilizare a numelor de culori, numele culorilor sunt preluate din tabelul extins.

RGB în CSS

Turcoaz mediu

maro

purpuriu

Albastru violet

rollivedrab

Iată cum funcționează acest cod:

Setarea culorii cu RGB

RGB este un model de culoare aditiv. În limba engleză plus- adaos. RGB este o abreviere a cuvintelor englezești: Red, Green, Blue - red, green, blue). Din aceasta rezultă clar că în modelul RGB culorile sunt sintetizate prin adăugarea a trei culori (roșu, verde, albastru) în cantități variate.

Amestecând culorile roșu, verde și albastru, puteți obține câteva milioane de nuanțe. Toate combinațiile posibile sunt stocate în memoria computerelor.

Treci la subiect.

Acest format folosește notația rgb(r, g, b) pentru a seta proprietăți, unde r, g, b sunt cele trei canale pentru fiecare culoare (roșu, verde, albastru). Valorile pentru fiecare canal sunt setate în intervalul de la 0 la 255.

Exemplu de cod.

Pentru a clarifica totul, voi da un exemplu de cod:

RGB în CSS

rgb(255, 0, 0)

rgb(0, 255, 0)

rgb(0, 0, 255)

Iată cum ar trebui să funcționeze acest exemplu:

Fig.1. Culori în RGB.

Explicatii de exemplu.

La începutul paginii, creăm clasa div.rgb, este necesară pentru ca blocurile create de tag-ul

afișat la dimensiunea corectă: 240px cu 40px . Atribuim valoarea - 40px proprietății line-height (înălțimea liniei), adică egală cu înălțimea blocului, aceasta va permite ca textul să fie afișat în bloc

în centrul verticalei. centrați pe orizontală textul folosind regula ( text-align: center ;).

Apoi, în cod setați culoarea de fundal a blocului

folosind atributul de stil folosind proprietatea de fundal și alocarea de valori pentru rgb(255, 0, 0) , rgb(0, 255, 0) și rgb(0, 0, 255) . Adică, facem alternativ un canal cât mai saturat posibil, iar canalele rămase nu sunt folosite pentru sinteză, deoarece valoarea lor este zero.

Încercați să editați acest exemplu pentru a include propriile valori, cum ar fi rgb(100, 100, 100) .

Setarea culorii cu RGBA

CSS3 a introdus un nou instrument pentru lucrul cu culoarea - formatul RGBA. Poate fi numită o evoluție a modelului RGB, dar cu adăugarea unui nou canal - A sau canal alfa. Acest canal stabilește transparența culorii. Valorile sale sunt setate în intervalul de la 0 la 1. O valoare egală cu 0 corespunde transparenței totale, 1 - opacității complete (culoarea va fi aceeași cu cea setată în primele trei canale RGB) și valorilor intermediare , cum ar fi 0,4 sau 0,6 - transluciditate în grade diferite.

Exemplu de cod.

RGBA la CSS3

Iată cum va funcționa:

Acest cod este vizual similar cu următorul, care utilizează modelul RGB pentru a seta valoarea culorii:

RGBA la CSS3

Iată rezultatul lui:

O valoare a canalului alfa egală cu zero face orice culoare invizibilă - absolut transparentă, o valoare egală cu unu traduce culoarea în codul RGB fără modificări. Proprietatea rgba(255,0,0,1.0) arată culoarea roșie rgb(255, 0, 0) .

După valoare hexazecimală (cod HEX)

În viața de zi cu zi, folosim sistemul zecimal de numărare. Originile sale sunt foarte simple - avem zece degete pe mâini și era convenabil să numărăm pe degete în viață. Dacă există zece cifre în sistemul zecimal: de la 0 la 9, iar numărul 10 este următoarea cifră, atunci există 16 cifre în sistemul numeric hexazecimal, iar următoarea cifră va fi numărul 16.

Pentru a indica codurile de culoare, cifrele zecimale obișnuite de la 0 la 9 sunt folosite ca cifre hexazecimale și literele latine de la A la F sunt folosite pentru a indica numerele de la 10 la 15, adică (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F). Pentru claritate, să rezumam acest lucru într-un tabel:

Pentru a scrie numere hexazecimale mai mari decât F (15 zecimale), ca în sistemul zecimal, se folosesc și unirea a două cifre, dar deja hexazecimală, ceea ce este evident. Deci, pentru a scrie numărul zecimal 255 în hexazecimal, se folosește notația FF.

Sistemul hexazecimal este mai ușor de înțeles de computer, procesează mai rapid valorile date de valoarea hexazecimală.

Pentru a specifica o culoare în sistemul hexazecimal, precedați valoarea numerică cu semnul „#”, exemplu: #FFC0CB . Valoarea #FFC0CB în sine constă din trei cifre hexazecimale FF , C0 și CB . Semnificația acestei intrări este aceeași cu setarea culorii în format RGB (rgb(r, g, b) ) - fiecare cifră hexazecimală din codul HEX indică saturația culorii în canalul său de model RGB.

Cod HEX în CSS

#FF0000

#00FF00

#0000FF

Acest cod va afișa următoarele elemente:

Și iată o imagine cu rezultatul din secțiunea „Setarea culorii cu RGB” din această pagină de mai sus.

Fig.1. Culori în RGB.

Vedem că culorile sunt identice.

Este permisă o notație prescurtată pentru codul de culoare HEX: un număr din 6 cifre poate fi scris ca un număr din 3 cifre. Acest lucru este valabil numai dacă două cifre din valoarea culorii aceluiași canal sunt repetate.

Adică, următoarea abreviere este acceptabilă:

De exemplu, culoarea #ff22aa poate fi scrisă ca #f2a , sau culoarea #44aa22 poate fi scrisă ca #4a2 .

Setarea culorii cu HSL

CSS3 are un nou format pentru specificarea culorilor.

Formatul HSL este o abreviere a cuvintelor englezești: Hue (hue), Saturate (saturație) și Lightness (luminozitate).

Nuanța în HSL este o valoare a culorii pe o roată specială de culoare (Figura 2) și este specificată în grade. Dacă trasăm analogii cu modelul RGB, atunci 0° corespunde roșului, 120° corespunde verdelui și 240° corespunde albastrului.

Valoarea nuanței se va schimba de la 0 la 359.

Figura 2. Roata de culori HSL.

A doua valoare - saturația (Saturate) este setată ca procent. La 100% saturație, culoarea este cât se poate de „suculentă”, pe măsură ce indicatorul de saturație se deplasează spre 0%, culoarea devine din ce în ce mai ternă și se rostogolește în gri.

A treia valoare - luminozitatea (Lightness) este, de asemenea, setată ca procent. Cu cât procentul este mai mare, cu atât culoarea va fi mai strălucitoare. Valorile extreme de 0% și 100% vor indica, respectiv, culorile negre (lipsa luminii) și alb (expuse), și nu contează ce culoare din roata de culori a fost selectată în primul canal. Valoarea optimă poate fi considerată valoarea luminozității culorii egală cu 50%.

Setarea culorii cu HSLA

Formatul HSLA este legat de HSL, la fel ca RGB și RGBA. În formatul HSLA, precum și în RGBA, se adaugă un canal alfa care este responsabil pentru transparența culorilor.

O culoare specificată în format HSL este mai ușor de citit. Putem spune că este intuitiv. De exemplu, codul hsl(120,60%,50%) poate reprezenta culoarea finală dacă există o imagine a roții de culoare HSL în memorie. Acest lucru nu se poate spune despre formatele RGB și HEX, codul de culoare specificat în aceste formate devine clar doar după ce este redat pe monitor.

Noile formate în CSS3 (HSL, HSLA și RGBA) funcționează în browsere începând cu versiunile: IE 9.0, Opera 10.0 Firefox 3.0. Cum să faci stilurile să funcționeze pe browsere mai vechi?

Someblock (culoare de fundal: rgb(255,50,50); culoare de fundal: rgba(255,50,50,0.85))

Când utilizați acest cod în browsere mai vechi, culoarea de fundal pentru clasa .somebloсk, deși nu utilizează un canal alfa, va fi afișată în format RGB.

Pentru paginile html, culorile sunt notate în principal în sistem hexazecimal. Pentru aceasta, sunt utilizate două tipuri de înregistrare a codului - completă sau prescurtată. Pentru a indica corect culoarea html cu o înregistrare completă, trebuie să scrieți șase caractere (cifre și/sau litere englezești) după zăbrele, de exemplu, negru este scris astfel: #000000. O notație prescurtată pentru specificarea culorilor html constă dintr-o grilă și trei numere și/sau litere în spatele acesteia. În același timp, acest tip de rezervă poate fi utilizat numai dacă înregistrarea completă a acestei culori este formată din aceleași caractere după grilă. De exemplu, aceeași culoare neagră poate fi scrisă astfel: #000. Puteți specifica culorile html atât cu caractere mari, cât și cu caractere mici, deoarece nu sunt sensibile la majuscule și minuscule.

Fiecare caracter scris după „#” corespunde unei anumite proporții de culori roșu, verde și albastru. La rândul lor, toate monitoarele constau dintr-un număr mare de pixeli (puncte microscopice), fiecare dintre care include 3 așa-numite „lanterne” (surse de lumină): roșu, verde și albastru. Apoi, prin reglarea intensității luminii emise de aceste „lanterne”, monitorul afișează culoarea de care avem nevoie.

Combinând intensitatea luminii roșii, albastre și verde (de la 0 la 256), monitoarele pot afișa 16.000.000 de culori diferite.

De asemenea, culorile pentru site-uri pot fi specificate verbal sau în cod RGB.

Până în prezent, verbal, puteți prescrie 147 de culori. Este important de știut că unele nume diferite se pot referi la aceleași culori, de exemplu Gri și Gri sunt gri (#808080).

Culori sigure pentru site-uri web.

Nu orice monitor și browser pot afișa corect toate cele 16 milioane de culori html.

Dacă, de exemplu, apare o culoare pe care browserul nu o poate afișa corect, atunci:

Browserul îl înlocuiește cu cel care îi seamănă cel mai mult și poate fi reprodus cu succes;
Pentru a afișa corect, browserul poate amesteca mai multe culori și poate reproduce rezultatul.

Pentru a vă asigura că rezultatul în orice browser și pe orice monitor este culoarea pe care ați specificat-o în cod, este recomandat să utilizați „Culori sigure”. Nu erau determinate manual sau la voia cuiva, ci matematic. Există 216 astfel de culori 100% sigure pentru documentele html Și, deși tehnologiile de astăzi au ajuns la punctul în care monitoarele și browserele moderne recunosc milioane de nuanțe, vă recomandăm să folosiți aceste culori sigure pentru a garanta reproducerea culorilor.

html tabel de culori sigure.

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

Acest tabel include 216 coduri de culoare html sigure. Fiecare culoare are o valoare în RGB pentru a specifica culoarea în editorii grafici și HEX pentru a specifica culoarea în paginile html.