Kolor HEX #34dbd9

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #34dbd9. Najbardziej podobny do niego kolor to Turquoise (#40e0d0), którego odcień to cyan. W palecie kolorów X11 nie występuje kolor #34dbd9. Najbardziej podobny do niego kolor to Turquoise (#40e0d0 ).

Konwersja z HEX kolor #34dbd9

RGB52
20%
219
86%
217
85%
HSV179º76%86%
HSL179.3º69.9%53.1%
CMYK0.76
76%
0
0%
0.01
1%
0.14
14%
SystemCzerwonyZielonyNiebieski
HEX34dbd9
RGB decimal52219217
Octal64333331
Binary001101001101101111011001
Decimal (0-16777215)3464153

Kolor #34dbd9 (0x34DBD9) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #33cccc. #34dbd9 jest kolorem jasnym, którego poziom jasności wynosi 169/255. Współczynnik kontrastu do koloru białego to 1.7 : 1.

Skala szarości
#878787
Kolor bazowy
#34dbd9

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) #34dbd9: kąt barwy 179.3º, nasycenie: 69.9%, jasność: 53.1%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 179º, nasycenie koloru: 76%, a jasność 86%.

Nasycenie koloru (Saturation)

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

saturacja +30
#10fffc
saturacja +20
#10fffc
saturacja +10
#28e7e5
saturacja -10
#1cf3f1
saturacja -20
#34dbd9
saturacja -30
#58b7b6

Luminacja (Lightness)

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

luminacja +30
#b6f2f1
luminacja +20
#8aeae9
luminacja +10
#5fe3e1
luminacja -10
#21bbb9
luminacja -20
#198f8e
luminacja -30
#126463

Jasność koloru (Brightness)

jasność +10
#4ef5f3
jasność +20
#67ffff
jasność +30
#81ffff
jasność +40
#9affff

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.

#34dbd9
#3edddb
#48dfdd
#5de2e1
#71e6e4
#85e9e8
#9aedec
#aef1f0
#c2f4f4
#d6f8f7
#ebfbfb
#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.

#34dbd9
#31d0ce
#2fc5c3
#2aafae
#249998
#1f8382
#1a6e6d
#155857
#104241
#0a2c2b
#051616
#000000

Spin koloru

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

Mix koloru

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

#34dbd9
#3cd2d0
#43c9c7
#52b6b5
#61a4a3
#709291
#808080
#8f6d6e
#9e5b5c
#ad494a
#bc3638
#cb2426

Kolory RGB

Kolor HEX #34dbd9

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(52,219,217). Kolor czerwony (R) ma wartość 52 czyli 20% wartości maksymalnej wartości czerwonego lub 11% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 219 czyli 86% wartości maksymalnej wartości zielonego lub 45% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 217 czyli 85% wartości maksymalnej wartości niebieskiego lub 44% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 488 czyli 64% maksymalnej wartości (765).

Czerwony 20%
Zielony 86%
Niebieski 85%
czerwony 11%     ||     zielony 45%     ||     niebieski 44%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 76% cyjanu, 0% magenty, 1% żółtego i 14% czarnego.

Cyan 76%
Magenta 0%
Yellow 1%
Black 14%

Kolor czcionki #34dbd9

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

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

Kolor tła #34dbd9

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

Kolor tła #34dbd9

Kolor obramowania #34dbd9

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

Kolor ramki #34dbd9