Kolor Citrine HEX #e4d00a

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #e4d00a. Najbardziej podobny do niego kolor to Gold (#ffd700), którego odcień to żółty. W palecie kolorów X11 znajduje się taki kolor. Jest to Citrine rgb(228,208,10).

Konwersja z HEX kolor #e4d00a

RGB228
89%
208
82%
10
4%
HSV54º96%89%
HSL54.5º91.6%46.7%
CMYK0
0%
0.09
9%
0.96
96%
0.11
11%
SystemCzerwonyZielonyNiebieski
HEXe4d00a
RGB decimal22820810
Octal34432012
Binary111001001101000000001010
Decimal (0-16777215)14995466

Kolor #e4d00a (0xE4D00A) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cccc00. #e4d00a jest kolorem jasnym, którego poziom jasności wynosi 191/255. Współczynnik kontrastu do koloru białego to 1.56 : 1.

Skala szarości
#777777
Kolor bazowy
#e4d00a

Opracowane w latach 70. XX wieku do zastosowań w grafice komputerowej HSL i HSV to dwie najpopularniejsze reprezentacje punktów w modelu kolorów RGB za pomocą współrzędnych cylindrycznych (cylindryczny układ współrzędnych), gdzie HSL oznacza odcień, nasycenie i jasność i często nazywany jest także HLS. HSV oznacza odcień, nasycenie i wartość i często jest również nazywany HSB ( B oznacza jasność ). Trzecim modelem, powszechnym w zastosowaniach związanych z wizją komputerową, jest HSI, określający barwę, nasycenie i intensywność.

Kolor HSL (cylindryczna reprezentacja koloru) #e4d00a: kąt barwy 54.5º, nasycenie: 91.6%, jasność: 46.7%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 54º, nasycenie koloru: 96%, a jasność 89%.

Nasycenie koloru (Saturation)

Zwiększ lub zmniejsz nasycenie koloru o określony procent.

saturacja +30
#eed800
saturacja +20
#eed800
saturacja +10
#eed800
saturacja -10
#e2cf0c
saturacja -20
#cabb24
saturacja -30
#a79e47

Luminacja (Lightness)

Zmiana natężenia oświetlenia o określony procent.

luminacja +30
#faf08d
luminacja +20
#f8ea5c
luminacja +10
#f6e32b
luminacja -10
#b3a408
luminacja -20
#827706
luminacja -30
#524a04

Jasność koloru (Brightness)

jasność +10
#feea24
jasność +20
#ffff3d
jasność +30
#ffff57
jasność +40
#ffff70

Odcień koloru (Tint)

Odcień koloru uzyskuje się poprzez zmieszanie koloru z bielą, co zmniejsza intensywność koloru. Zwiększa luminancję kolorów, ale jednocześnie zmniejsza ich nasycenie.

#e4d00a
#e5d216
#e7d523
#e9d93b
#ecde54
#efe36c
#f2e885
#f4ec9d
#f7f1b6
#faf6ce
#fcfae7
#ffffff

Odcień koloru (Shade)

Odcień koloru uzyskuje się poprzez zmieszanie koloru z czernią, co zwiększa intensywność koloru. Zmniejsza luminancję kolorów, ale jednocześnie zmniejsza ich nasycenie.

#e4d00a
#d9c60a
#cdbb09
#b6a608
#a09207
#897d06
#726805
#5b5304
#443e03
#2e2a02
#171501
#000000

Spin koloru

Obrót o określony kąt [-360, 360]

Mix koloru

Mix z kolorem odwróconym o określony procent.

#e4d00a
#dac816
#d0c022
#bcb039
#a8a051
#949068
#808080
#6b6f97
#575faf
#434fc6
#2f3fde
#1b2ff5

Kolory RGB

Kolor HEX #e4d00a

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(228,208,10). Kolor czerwony (R) ma wartość 228 czyli 89% wartości maksymalnej wartości czerwonego lub 51% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 208 czyli 82% wartości maksymalnej wartości zielonego lub 47% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 10 czyli 4% wartości maksymalnej wartości niebieskiego lub 2% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 446 czyli 58% maksymalnej wartości (765).

Czerwony 89%
Zielony 82%
Niebieski 4%
czerwony 51%     ||     zielony 47%     ||     niebieski 2%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 9% magenty, 96% żółtego i 11% czarnego.

Cyan 0%
Magenta 9%
Yellow 96%
Black 11%

Kolor czcionki #e4d00a

<p style="color:#e4d00a">Lorem ipsum...</p>

Przykładowy tekst z kolorem #e4d00a czcionki: lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Kolor tła #e4d00a

<div style="background-color:#e4d00a">
Lorem ipsum...
</div>

Kolor tła #e4d00a

Kolor obramowania #e4d00a

<div style="border:5px solid #e4d00a">
Lorem ipsum...
</p>

Kolor ramki #e4d00a