Kolor HEX #d3decc

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #d3decc. Najbardziej podobny do niego kolor to LightGray (#d3d3d3), którego odcień to szary. W palecie kolorów X11 nie występuje kolor #d3decc. Najbardziej podobny do niego kolor to Light Gray (#d3d3d3 ).

Konwersja z HEX kolor #d3decc

RGB211
83%
222
87%
204
80%
HSV97º8%87%
HSL96.7º21.4%83.5%
CMYK0.05
5%
0
0%
0.08
8%
0.13
13%
SystemCzerwonyZielonyNiebieski
HEXd3decc
RGB decimal211222204
Octal323336314
Binary110100111101111011001100
Decimal (0-16777215)13885132

Kolor #d3decc (0xD3DECC) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cccccc. #d3decc jest kolorem jasnym, którego poziom jasności wynosi 217/255. Współczynnik kontrastu do koloru białego to 1.38 : 1.

Skala szarości
#d5d5d5
Kolor bazowy
#d3decc

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) #d3decc: kąt barwy 96.7º, nasycenie: 21.4%, jasność: 83.5%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 97º, nasycenie koloru: 8%, a jasność 87%.

Nasycenie koloru (Saturation)

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

saturacja +30
#cdf7b3
saturacja +20
#d0ebbf
saturacja +10
#d2e2c8
saturacja -10
#cef3b7
saturacja -20
#d0ebbf
saturacja -30
#d3decc

Luminacja (Lightness)

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

luminacja +30
#ffffff
luminacja +20
#ffffff
luminacja +10
#eef2eb
luminacja -10
#b8caad
luminacja -20
#9db68e
luminacja -30
#83a26f

Jasność koloru (Brightness)

jasność +10
#edf8e6
jasność +20
#ffffff
jasność +30
#ffffff
jasność +40
#ffffff

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.

#d3decc
#d5e0cf
#d7e1d1
#dce5d6
#e0e8db
#e5ebe0
#e9efe6
#edf2eb
#f2f5f0
#f6f8f5
#fbfcfa
#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.

#d3decc
#c8d3c2
#bec8b8
#a9b2a3
#949b8f
#7f857a
#6a6f66
#545952
#3f433d
#2a2c29
#151614
#000000

Spin koloru

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

Mix koloru

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

#d3decc
#cbd5c4
#c2cbbd
#b2b8ad
#a1a59e
#90928f
#808080
#6f6d70
#5e5a61
#4d4752
#3d3442
#2c2133

Kolory RGB

Kolor HEX #d3decc

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(211,222,204). Kolor czerwony (R) ma wartość 211 czyli 83% wartości maksymalnej wartości czerwonego lub 33% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 222 czyli 87% wartości maksymalnej wartości zielonego lub 35% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 204 czyli 80% wartości maksymalnej wartości niebieskiego lub 32% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 637 czyli 83% maksymalnej wartości (765).

Czerwony 83%
Zielony 87%
Niebieski 80%
czerwony 33%     ||     zielony 35%     ||     niebieski 32%

Kolory CMYK

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

Cyan 5%
Magenta 0%
Yellow 8%
Black 13%

Kolor czcionki #d3decc

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

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

Kolor tła #d3decc

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

Kolor tła #d3decc

Kolor obramowania #d3decc

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

Kolor ramki #d3decc