Kolor HEX #d12b4f

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #d12b4f. Najbardziej podobny do niego kolor to Crimson (#dc143c), którego odcień to czerwony. W palecie kolorów X11 nie występuje kolor #d12b4f. Najbardziej podobny do niego kolor to Medium Crimson (#c93756 ).

Konwersja z HEX kolor #d12b4f

RGB209
82%
43
17%
79
31%
HSV347º79%82%
HSL347º65.9%49.4%
CMYK0
0%
0.79
79%
0.62
62%
0.18
18%
SystemCzerwonyZielonyNiebieski
HEXd12b4f
RGB decimal2094379
Octal32153117
Binary110100010010101101001111
Decimal (0-16777215)13708111

Kolor #d12b4f (0xD12B4F) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cc3366. #d12b4f jest kolorem ciemnym, którego poziom jasności wynosi 97/255. Współczynnik kontrastu do koloru białego to 5.07 : 1.

Skala szarości
#7e7e7e
Kolor bazowy
#d12b4f

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) #d12b4f: kąt barwy 347º, nasycenie: 65.9%, jasność: 49.4%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 347º, nasycenie koloru: 79%, a jasność 82%.

Nasycenie koloru (Saturation)

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

saturacja +30
#fc0037
saturacja +20
#f7053a
saturacja +10
#de1e48
saturacja -10
#ef0d3e
saturacja -20
#d6264c
saturacja -30
#b04c61

Luminacja (Lightness)

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

luminacja +30
#eda8b7
luminacja +20
#e47e94
luminacja +10
#dc5371
luminacja -10
#a7223f
luminacja -20
#7c1a2f
luminacja -30
#52111f

Jasność koloru (Brightness)

jasność +10
#eb4569
jasność +20
#ff5e82
jasność +30
#ff789c
jasność +40
#ff91b5

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.

#d12b4f
#d33658
#d64061
#da5572
#df6b84
#e38095
#e895a7
#edaab9
#f1bfca
#f6d5dc
#faeaed
#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.

#d12b4f
#c7294b
#bc2747
#a7223f
#921e37
#7d1a2f
#691628
#541120
#3f0d18
#2a0910
#150408
#000000

Spin koloru

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

Mix koloru

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

#d12b4f
#c93354
#c13c59
#b04d62
#a05e6c
#906f76
#808080
#6f9089
#5fa193
#4fb29d
#3ec3a6
#2ed4b0

Kolory RGB

Kolor HEX #d12b4f

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(209,43,79). Kolor czerwony (R) ma wartość 209 czyli 82% wartości maksymalnej wartości czerwonego lub 63% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 43 czyli 17% wartości maksymalnej wartości zielonego lub 13% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 79 czyli 31% wartości maksymalnej wartości niebieskiego lub 24% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 331 czyli 43% maksymalnej wartości (765).

Czerwony 82%
Zielony 17%
Niebieski 31%
czerwony 63%     ||     zielony 13%     ||     niebieski 24%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 79% magenty, 62% żółtego i 18% czarnego.

Cyan 0%
Magenta 79%
Yellow 62%
Black 18%

Kolor czcionki #d12b4f

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

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

Kolor tła #d12b4f

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

Kolor tła #d12b4f

Kolor obramowania #d12b4f

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

Kolor ramki #d12b4f