Kolor HEX #ed5437

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #ed5437. Najbardziej podobny do niego kolor to Tomato (#ff6347), którego odcień to pomarańczowy. W palecie kolorów X11 nie występuje kolor #ed5437. Najbardziej podobny do niego kolor to Cinnabar (#e34234 ).

Konwersja z HEX kolor #ed5437

RGB237
93%
84
33%
55
22%
HSV10º77%93%
HSL9.6º83.5%57.3%
CMYK0
0%
0.65
65%
0.77
77%
0.07
7%
SystemCzerwonyZielonyNiebieski
HEXed5437
RGB decimal2378455
Octal35512467
Binary111011010101010000110111
Decimal (0-16777215)15553591

Kolor #ed5437 (0xED5437) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #ff6633. #ed5437 jest kolorem ciemnym, którego poziom jasności wynosi 126/255. Współczynnik kontrastu do koloru białego to 3.55 : 1.

Skala szarości
#929292
Kolor bazowy
#ed5437

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) #ed5437: kąt barwy 9.6º, nasycenie: 83.5%, jasność: 57.3%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 10º, nasycenie koloru: 77%, a jasność 93%.

Nasycenie koloru (Saturation)

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

saturacja +30
#ff4825
saturacja +20
#ff4825
saturacja +10
#f84d2c
saturacja -10
#f44f30
saturacja -20
#de5e46
saturacja -30
#be7467

Luminacja (Lightness)

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

luminacja +30
#faccc4
luminacja +20
#f5a495
luminacja +10
#f17c66
luminacja -10
#dd3414
luminacja -20
#af2910
luminacja -30
#801e0b

Jasność koloru (Brightness)

jasność +10
#ff6e51
jasność +20
#ff876a
jasność +30
#ffa184
jasność +40
#ffba9d

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.

#ed5437
#ee5d41
#ef654b
#f1765f
#f28773
#f49887
#f6aa9b
#f8bbaf
#faccc3
#fbddd7
#fdeeeb
#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.

#ed5437
#e15034
#d54c32
#be432c
#a63b27
#8e3221
#772a1c
#5f2216
#471911
#2f110b
#180806
#000000

Spin koloru

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

Mix koloru

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

#ed5437
#e2583e
#d75d46
#c16554
#ab6e63
#957771
#808080
#6a888e
#54919d
#3e9aab
#28a2ba
#12abc8

Kolory RGB

Kolor HEX #ed5437

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(237,84,55). Kolor czerwony (R) ma wartość 237 czyli 93% wartości maksymalnej wartości czerwonego lub 63% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 84 czyli 33% wartości maksymalnej wartości zielonego lub 22% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 55 czyli 22% wartości maksymalnej wartości niebieskiego lub 15% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 376 czyli 49% maksymalnej wartości (765).

Czerwony 93%
Zielony 33%
Niebieski 22%
czerwony 63%     ||     zielony 22%     ||     niebieski 15%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 0% cyjanu, 65% magenty, 77% żółtego i 7% czarnego.

Cyan 0%
Magenta 65%
Yellow 77%
Black 7%

Kolor czcionki #ed5437

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

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

Kolor tła #ed5437

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

Kolor tła #ed5437

Kolor obramowania #ed5437

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

Kolor ramki #ed5437