Kolor HEX #c43d3a

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #c43d3a. Najbardziej podobny do niego kolor to Brown (#a52a2a), którego odcień to brązowy. W palecie kolorów X11 nie występuje kolor #c43d3a. Najbardziej podobny do niego kolor to Medium Carmine (#af4035 ).

Konwersja z HEX kolor #c43d3a

RGB196
77%
61
24%
58
23%
HSV70%77%
HSL1.3º54.3%49.8%
CMYK0
0%
0.69
69%
0.7
70%
0.23
23%
SystemCzerwonyZielonyNiebieski
HEXc43d3a
RGB decimal1966158
Octal3047572
Binary110001000011110100111010
Decimal (0-16777215)12860730

Kolor #c43d3a (0xC43D3A) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cc3333. #c43d3a jest kolorem ciemnym, którego poziom jasności wynosi 101/255. Współczynnik kontrastu do koloru białego to 5.18 : 1.

Skala szarości
#7f7f7f
Kolor bazowy
#c43d3a

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) #c43d3a: kąt barwy 1.3º, nasycenie: 54.3%, jasność: 49.8%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 1º, nasycenie koloru: 70%, a jasność 77%.

Nasycenie koloru (Saturation)

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

saturacja +30
#fe0600
saturacja +20
#ea1914
saturacja +10
#d1312d
saturacja -10
#f1120d
saturacja -20
#d82a26
saturacja -30
#b24e4c

Luminacja (Lightness)

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

luminacja +30
#e7b1b0
luminacja +20
#dc8a88
luminacja +10
#d06361
luminacja -10
#9d312e
luminacja -20
#752523
luminacja -30
#4e1817

Jasność koloru (Brightness)

jasność +10
#de5754
jasność +20
#f7706d
jasność +30
#ff8a87
jasność +40
#ffa3a0

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.

#c43d3a
#c74744
#ca504e
#d06461
#d67775
#dc8b89
#e29e9d
#e7b1b0
#edc5c4
#f3d8d8
#f9eceb
#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.

#c43d3a
#ba3a37
#b03734
#9d312e
#892b29
#762523
#621f1d
#4e1817
#3b1211
#270c0c
#140606
#000000

Spin koloru

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

Mix koloru

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

#c43d3a
#bd4441
#b64a48
#a95856
#9b6564
#8d7272
#808080
#728d8d
#649a9b
#56a7a9
#49b5b7
#3bc2c5

Kolory RGB

Kolor HEX #c43d3a

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(196,61,58). Kolor czerwony (R) ma wartość 196 czyli 77% wartości maksymalnej wartości czerwonego lub 62% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 61 czyli 24% wartości maksymalnej wartości zielonego lub 19% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 58 czyli 23% wartości maksymalnej wartości niebieskiego lub 18% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 315 czyli 41% maksymalnej wartości (765).

Czerwony 77%
Zielony 24%
Niebieski 23%
czerwony 62%     ||     zielony 19%     ||     niebieski 18%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 69% magenty, 70% żółtego i 23% czarnego.

Cyan 0%
Magenta 69%
Yellow 70%
Black 23%

Kolor czcionki #c43d3a

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

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

Kolor tła #c43d3a

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

Kolor tła #c43d3a

Kolor obramowania #c43d3a

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

Kolor ramki #c43d3a