Kolor HEX #d9a46e

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #d9a46e. Najbardziej podobny do niego kolor to DarkSalmon (#e9967a), którego odcień to czerwony. W palecie kolorów X11 nie występuje kolor #d9a46e. Najbardziej podobny do niego kolor to Antique Brass (#cd9575 ).

Konwersja z HEX kolor #d9a46e

RGB217
85%
164
64%
110
43%
HSV30º49%85%
HSL30.3º58.5%64.1%
CMYK0
0%
0.24
24%
0.49
49%
0.15
15%
SystemCzerwonyZielonyNiebieski
HEXd9a46e
RGB decimal217164110
Octal331244156
Binary110110011010010001101110
Decimal (0-16777215)14263406

Kolor #d9a46e (0xD9A46E) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cc9966. #d9a46e jest kolorem jasnym, którego poziom jasności wynosi 174/255. Współczynnik kontrastu do koloru białego to 2.18 : 1.

Skala szarości
#a3a3a3
Kolor bazowy
#d9a46e

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) #d9a46e: kąt barwy 30.3º, nasycenie: 58.5%, jasność: 64.1%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 30º, nasycenie koloru: 49%, a jasność 85%.

Nasycenie koloru (Saturation)

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

saturacja +30
#ffa448
saturacja +20
#f4a452
saturacja +10
#e2a465
saturacja -10
#f6a451
saturacja -20
#e4a463
saturacja -30
#c8a47f

Luminacja (Lightness)

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

luminacja +30
#f9f0e7
luminacja +20
#eed7bf
luminacja +10
#e4bd96
luminacja -10
#ce8b45
luminacja -20
#b2712f
luminacja -30
#8a5724

Jasność koloru (Brightness)

jasność +10
#f3be88
jasność +20
#ffd7a1
jasność +30
#fff1bb
jasność +40
#ffffd4

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.

#d9a46e
#dba975
#ddad7d
#e1b68b
#e4bf9a
#e8c8a8
#ecd2b7
#f0dbc5
#f4e4d4
#f7ede2
#fbf6f1
#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.

#d9a46e
#ce9c69
#c39463
#ae8358
#98734d
#826242
#6d5237
#57422c
#413121
#2b2116
#16100b
#000000

Spin koloru

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

Mix koloru

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

#d9a46e
#d0a070
#c79d72
#b59575
#a38e79
#91877c
#808080
#6e7883
#5c7187
#4a6a8a
#38628e
#265b91

Kolory RGB

Kolor HEX #d9a46e

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(217,164,110). Kolor czerwony (R) ma wartość 217 czyli 85% wartości maksymalnej wartości czerwonego lub 44% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 164 czyli 64% wartości maksymalnej wartości zielonego lub 33% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 110 czyli 43% wartości maksymalnej wartości niebieskiego lub 22% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 491 czyli 64% maksymalnej wartości (765).

Czerwony 85%
Zielony 64%
Niebieski 43%
czerwony 44%     ||     zielony 33%     ||     niebieski 22%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 24% magenty, 49% żółtego i 15% czarnego.

Cyan 0%
Magenta 24%
Yellow 49%
Black 15%

Kolor czcionki #d9a46e

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

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

Kolor tła #d9a46e

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

Kolor tła #d9a46e

Kolor obramowania #d9a46e

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

Kolor ramki #d9a46e