Kolor HEX #cc7e2f

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

Konwersja z HEX kolor #cc7e2f

RGB204
80%
126
49%
47
18%
HSV30º77%80%
HSL30.2º62.5%49.2%
CMYK0
0%
0.38
38%
0.77
77%
0.2
20%
SystemCzerwonyZielonyNiebieski
HEXcc7e2f
RGB decimal20412647
Octal31417657
Binary110011000111111000101111
Decimal (0-16777215)13401647

Kolor #cc7e2f (0xCC7E2F) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cc6633. #cc7e2f jest kolorem jasnym, którego poziom jasności wynosi 140/255. Współczynnik kontrastu do koloru białego to 3.15 : 1.

Skala szarości
#7d7d7d
Kolor bazowy
#cc7e2f

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) #cc7e2f: kąt barwy 30.2º, nasycenie: 62.5%, jasność: 49.2%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 30º, nasycenie koloru: 77%, a jasność 80%.

Nasycenie koloru (Saturation)

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

saturacja +30
#fb7e00
saturacja +20
#f27e09
saturacja +10
#d87e23
saturacja -10
#ee7e0d
saturacja -20
#d57e26
saturacja -30
#b07e4b

Luminacja (Lightness)

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

luminacja +30
#ebcaa9
luminacja +20
#e2b17f
luminacja +10
#d89756
luminacja -10
#a26425
luminacja -20
#794b1c
luminacja -30
#503112

Jasność koloru (Brightness)

jasność +10
#e69849
jasność +20
#ffb162
jasność +30
#ffcb7c
jasność +40
#ffe495

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.

#cc7e2f
#cf8439
#d18b44
#d69859
#dba56d
#e0b282
#e6bf97
#ebcbac
#f0d8c1
#f5e5d5
#faf2ea
#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.

#cc7e2f
#c2782d
#b8712a
#a36526
#8f5821
#7a4c1c
#663f18
#523213
#3d260e
#291909
#140d05
#000000

Spin koloru

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

Mix koloru

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

#cc7e2f
#c47e37
#bd7e3f
#ad7f4f
#9e7f5f
#8f7f6f
#808080
#708090
#6180a0
#5280b0
#4281c0
#3381d0

Kolory RGB

Kolor HEX #cc7e2f

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(204,126,47). Kolor czerwony (R) ma wartość 204 czyli 80% wartości maksymalnej wartości czerwonego lub 54% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 126 czyli 49% wartości maksymalnej wartości zielonego lub 33% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 47 czyli 18% wartości maksymalnej wartości niebieskiego lub 12% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 377 czyli 49% maksymalnej wartości (765).

Czerwony 80%
Zielony 49%
Niebieski 18%
czerwony 54%     ||     zielony 33%     ||     niebieski 12%

Kolory CMYK

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

Cyan 0%
Magenta 38%
Yellow 77%
Black 20%

Kolor czcionki #cc7e2f

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

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

Kolor tła #cc7e2f

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

Kolor tła #cc7e2f

Kolor obramowania #cc7e2f

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

Kolor ramki #cc7e2f