Színek, színrendszerek

Hexadecimális - #rrggbb

RGB szín, 256^3 bit mélységben, amit színenként egy két helyi értékű 16 számrendszerben kifejezett szám ad meg. (16*16=256)
1
#000000; /* Fekete */
2
#808080; /* 50%-os szürke */
3
#ffffff; /* Fehér */
4
5
6
#ff0000; /* Vörös */
7
#00ff00; /* Zöld */
8
#0000ff; /* Kék */
Copied!

Hexadecimális rövid - #rgb

Mint a hexadecimális, csak kevesebb árnyalatot tartalmaz, 256^3 helyett csak 16^3 eltérő árnyalatot lehet kifejezni vele. Hexadecimális színek közül azokat, amelyeknél egy szín két helyi értéke egyezik.
#000000 = #000 #777777 = #777 #112233 = #123 #ffffff = #fff

RGB színek - rgb(r, g, b)

Megadhatjuk a színeket direkt rgb értékük alapján, vagy egy 0-255 ig terjedő számmal, vagy százalékosan is.
1
rgb(0, 0, 0) /* Fekete */
2
rgb(128, 128, 128) /* 50%-os szürke */
3
rgb(255, 255, 255) /* Fehér */
4
5
rgb(255, 0, 0) /* Vörös */
6
rgb(0, 255, 0) /* Zöld */
7
rgb(0, 0, 255) /* Kék */
8
9
rgb(53%, 76%, 29%) /* Százalékos rgb */
Copied!

RGBA színek - rgba(r, g, b, a)

Hasonló mint az RGB, de itt van egy alfa csatorna is, ami meghatározza a szín átlátszóságát, az alfa csatorna értéke egy 0 és egy közötti szám, tört érték esetén részleges az átlátszóság.
1
rgba(0, 255, 0, 0.1) /* 10%-ban átlátszatlan zöld */
2
rgba(0, 255, 0, 0.5) /* 50%-ban átlátszatlan zöld */
3
rgba(0, 255, 0, 0.9) /* 90%-ban átlátszatlan zöld */
Copied!

HSL színek - hsl(h, s, l)

HSL (Színezet telítettség fényesség) alapú színrendszer, az első értéke 0 -től 360 -ig terjedő szög érték, ami a HSL színkörön jelöl ki egy színt, második értéke a telítettség, harmadik a világosság, ez a kettő százalékos.
HSL színkör, minden színárnyalathoz tartozik egy konkrét 0-tól 360-ig terjedő szög érték.
1
hsl(0, 0%, 0%) /* Fekete */
2
hsl(0, 0%, 50%) /* 50%-os szürke */
3
hsl(0, 0%, 100%) /* Fehér */
4
5
hsl(0, 100%, 50%) /* Vörös */
6
hsl(120, 100%, 50%) /* Zöld */
7
hsl(240, 100%, 50%) /* Kék */
Copied!
HSL színrendszer egy lehetséges modellje, a színgömb.

HSLA színek - hsla(h, s, l, a)

Itt is van alfa csatorna mint az RGBA esetében.
1
hsla(120, 255%, 50%, 0.1) /* 10%-ban átlátszatlan zöld */
2
hsla(120, 255%, 50%, 0.5) /* 50%-ban átlátszatlan zöld */
3
hsla(120, 255%, 50%, 0.9) /* 90%-ban átlátszatlan zöld */
Copied!

Kulcsszavas színek

Színeket megadhatunk a nevük alapján is, kulcsszavas formában. A modern böngészők 140 kulcsszavas színt támogatnak.
1
black /* Fekete */
2
gray /* 50%-os szürke */
3
white /* Fehér */
4
5
red /* Vörös */
6
lime /* Zöld */
7
blue /* Kék */
Copied!

Átlátszó

A transparent (átlátszó) kulcsszóval adhatunk meg (teljesen) átlátszó színt.
1
transparent
Copied!
Last modified 1yr ago