Kolor HEX #d6c255

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #d6c255. Najbardziej podobny do niego kolor to DarkKhaki (#bdb76b), którego odcień to żółty. W palecie kolorów X11 nie występuje kolor #d6c255. Najbardziej podobny do niego kolor to Dark Khaki (#bdb76b ).

Konwersja z HEX kolor #d6c255

RGB214
84%
194
76%
85
33%
HSV51º60%84%
HSL50.7º61.1%58.6%
CMYK0
0%
0.09
9%
0.6
60%
0.16
16%
SystemCzerwonyZielonyNiebieski
HEXd6c255
RGB decimal21419485
Octal326302125
Binary110101101100001001010101
Decimal (0-16777215)14074453

Kolor #d6c255 (0xD6C255) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cccc66. #d6c255 jest kolorem jasnym, którego poziom jasności wynosi 188/255. Współczynnik kontrastu do koloru białego to 1.77 : 1.

Skala szarości
#959595
Kolor bazowy
#d6c255

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) #d6c255: kąt barwy 50.7º, nasycenie: 61.1%, jasność: 58.6%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 51º, nasycenie koloru: 60%, a jasność 84%.

Nasycenie koloru (Saturation)

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

saturacja +30
#ffde2c
saturacja +20
#f6d835
saturacja +10
#e0c94a
saturacja -10
#f4d736
saturacja -20
#dfc84c
saturacja -30
#c0b36b

Luminacja (Lightness)

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

luminacja +30
#f4eed0
luminacja +20
#eadfa7
luminacja +10
#e0d17e
luminacja -10
#c8b030
luminacja -20
#9f8c26
luminacja -30
#75681c

Jasność koloru (Brightness)

jasność +10
#f0dc6f
jasność +20
#fff588
jasność +30
#ffffa2
jasność +40
#ffffbb

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.

#d6c255
#d8c55e
#dac866
#dece77
#e2d488
#e6da99
#ebe1aa
#efe7bb
#f3edcc
#f7f3dd
#fbf9ee
#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.

#d6c255
#cbb851
#c1af4d
#ab9b44
#96883c
#807433
#6b612b
#564e22
#403a1a
#2b2711
#151309
#000000

Spin koloru

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

Mix koloru

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

#d6c255
#cdbb59
#c5b55e
#b3a766
#a29a6f
#918d77
#808080
#6e7288
#5d6591
#4c5899
#3a4aa2
#293daa

Kolory RGB

Kolor HEX #d6c255

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(214,194,85). Kolor czerwony (R) ma wartość 214 czyli 84% wartości maksymalnej wartości czerwonego lub 43% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 194 czyli 76% wartości maksymalnej wartości zielonego lub 39% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 85 czyli 33% wartości maksymalnej wartości niebieskiego lub 17% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 493 czyli 64% maksymalnej wartości (765).

Czerwony 84%
Zielony 76%
Niebieski 33%
czerwony 43%     ||     zielony 39%     ||     niebieski 17%

Kolory CMYK

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

Cyan 0%
Magenta 9%
Yellow 60%
Black 16%

Kolor czcionki #d6c255

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

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

Kolor tła #d6c255

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

Kolor tła #d6c255

Kolor obramowania #d6c255

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

Kolor ramki #d6c255