Kolor HEX #dff6b9

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #dff6b9. Najbardziej podobny do niego kolor to PaleGoldenrod (#eee8aa), którego odcień to żółty. W palecie kolorów X11 nie występuje kolor #dff6b9. Najbardziej podobny do niego kolor to Pale Spring Bud (#ecebbd ).

Konwersja z HEX kolor #dff6b9

RGB223
87%
246
96%
185
73%
HSV83º25%96%
HSL82.6º77.2%84.5%
CMYK0.09
9%
0
0%
0.25
25%
0.04
4%
SystemCzerwonyZielonyNiebieski
HEXdff6b9
RGB decimal223246185
Octal337366271
Binary110111111111011010111001
Decimal (0-16777215)14677689

Kolor #dff6b9 (0xDFF6B9) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #ccffcc. #dff6b9 jest kolorem jasnym, którego poziom jasności wynosi 232/255. Współczynnik kontrastu do koloru białego to 1.16 : 1.

Skala szarości
#d7d7d7
Kolor bazowy
#dff6b9

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) #dff6b9: kąt barwy 82.6º, nasycenie: 77.2%, jasność: 84.5%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 83º, nasycenie koloru: 25%, a jasność 96%.

Nasycenie koloru (Saturation)

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

saturacja +30
#e1ffb0
saturacja +20
#e1ffb0
saturacja +10
#e0fab5
saturacja -10
#e0fbb4
saturacja -20
#def3bc
saturacja -30
#dbe7c8

Luminacja (Lightness)

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

luminacja +30
#ffffff
luminacja +20
#ffffff
luminacja +10
#f4fce6
luminacja -10
#caf08c
luminacja -20
#b6ea5f
luminacja -30
#a1e531

Jasność koloru (Brightness)

jasność +10
#f9ffd3
jasność +20
#ffffec
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.

#dff6b9
#e1f6bd
#e2f7c0
#e5f8c7
#e9f9ce
#ecfad5
#effbdc
#f2fbe3
#f5fcea
#f9fdf1
#fcfef8
#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.

#dff6b9
#d4eab0
#c9dda7
#b2c594
#9cac82
#86946f
#707b5d
#59624a
#434a38
#2d3125
#161913
#000000

Spin koloru

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

Mix koloru

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

#dff6b9
#d5eab3
#ccdeae
#b9c7a2
#a6af97
#93978b
#808080
#6c6874
#595069
#46385d
#332152
#200946

Kolory RGB

Kolor HEX #dff6b9

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(223,246,185). Kolor czerwony (R) ma wartość 223 czyli 87% wartości maksymalnej wartości czerwonego lub 34% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 246 czyli 96% wartości maksymalnej wartości zielonego lub 38% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 185 czyli 73% wartości maksymalnej wartości niebieskiego lub 28% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 654 czyli 85% maksymalnej wartości (765).

Czerwony 87%
Zielony 96%
Niebieski 73%
czerwony 34%     ||     zielony 38%     ||     niebieski 28%

Kolory CMYK

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

Cyan 9%
Magenta 0%
Yellow 25%
Black 4%

Kolor czcionki #dff6b9

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

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

Kolor tła #dff6b9

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

Kolor tła #dff6b9

Kolor obramowania #dff6b9

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

Kolor ramki #dff6b9