Kolor HEX #d1c040

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #d1c040. Najbardziej podobny do niego kolor to Goldenrod (#daa520), którego odcień to brązowy. W palecie kolorów X11 nie występuje kolor #d1c040. Najbardziej podobny do niego kolor to Goldenrod (#daa520 ).

Konwersja z HEX kolor #d1c040

RGB209
82%
192
75%
64
25%
HSV53º69%82%
HSL53º61.2%53.5%
CMYK0
0%
0.08
8%
0.69
69%
0.18
18%
SystemCzerwonyZielonyNiebieski
HEXd1c040
RGB decimal20919264
Octal321300100
Binary110100011100000001000000
Decimal (0-16777215)13746240

Kolor #d1c040 (0xD1C040) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cccc33. #d1c040 jest kolorem jasnym, którego poziom jasności wynosi 182/255. Współczynnik kontrastu do koloru białego to 1.83 : 1.

Skala szarości
#888888
Kolor bazowy
#d1c040

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) #d1c040: kąt barwy 53º, nasycenie: 61.2%, jasność: 53.5%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 53º, nasycenie koloru: 69%, a jasność 82%.

Nasycenie koloru (Saturation)

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

saturacja +30
#ffe312
saturacja +20
#f5db1c
saturacja +10
#ddc934
saturacja -10
#f3da1e
saturacja -20
#dbc835
saturacja -30
#b8ad59

Luminacja (Lightness)

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

luminacja +30
#efe9bb
luminacja +20
#e5db92
luminacja +10
#dbce69
luminacja -10
#b3a32b
luminacja -20
#8a7e21
luminacja -30
#615817

Jasność koloru (Brightness)

jasność +10
#ebda5a
jasność +20
#fff373
jasność +30
#ffff8d
jasność +40
#ffffa6

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.

#d1c040
#d3c34a
#d6c653
#dacd66
#dfd379
#e3d98c
#e8e0a0
#ede6b3
#f1ecc6
#f6f2d9
#faf9ec
#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.

#d1c040
#c7b63d
#bcad3a
#a79a33
#92862d
#7d7326
#696020
#544d1a
#3f3a13
#2a260d
#151306
#000000

Spin koloru

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

Mix koloru

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

#d1c040
#c9ba46
#c1b34d
#b0a659
#a09966
#908c73
#808080
#6f738c
#5f6699
#4f59a6
#3e4cb2
#2e3fbf

Kolory RGB

Kolor HEX #d1c040

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(209,192,64). Kolor czerwony (R) ma wartość 209 czyli 82% wartości maksymalnej wartości czerwonego lub 45% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 192 czyli 75% wartości maksymalnej wartości zielonego lub 41% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 64 czyli 25% wartości maksymalnej wartości niebieskiego lub 14% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 465 czyli 61% maksymalnej wartości (765).

Czerwony 82%
Zielony 75%
Niebieski 25%
czerwony 45%     ||     zielony 41%     ||     niebieski 14%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 8% magenty, 69% żółtego i 18% czarnego.

Cyan 0%
Magenta 8%
Yellow 69%
Black 18%

Kolor czcionki #d1c040

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

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

Kolor tła #d1c040

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

Kolor tła #d1c040

Kolor obramowania #d1c040

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

Kolor ramki #d1c040