Kolor HEX #cbd332

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #cbd332. Najbardziej podobny do niego kolor to YellowGreen (#9acd32), którego odcień to zielony. W palecie kolorów X11 nie występuje kolor #cbd332. Najbardziej podobny do niego kolor to Acid Green (#b0bf1a ).

Konwersja z HEX kolor #cbd332

RGB203
80%
211
83%
50
20%
HSV63º76%83%
HSL63º64.7%51.2%
CMYK0.04
4%
0
0%
0.76
76%
0.17
17%
SystemCzerwonyZielonyNiebieski
HEXcbd332
RGB decimal20321150
Octal31332362
Binary110010111101001100110010
Decimal (0-16777215)13357874

Kolor #cbd332 (0xCBD332) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #cccc33. #cbd332 jest kolorem jasnym, którego poziom jasności wynosi 190/255. Współczynnik kontrastu do koloru białego to 1.61 : 1.

Skala szarości
#838383
Kolor bazowy
#cbd332

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) #cbd332: kąt barwy 63º, nasycenie: 64.7%, jasność: 51.2%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 63º, nasycenie koloru: 76%, a jasność 83%.

Nasycenie koloru (Saturation)

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

saturacja +30
#f3ff06
saturacja +20
#edf80d
saturacja +10
#d6e026
saturacja -10
#e7f313
saturacja -20
#d1da2b
saturacja -30
#afb451

Luminacja (Lightness)

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

luminacja +30
#ebeeb0
luminacja +20
#e0e586
luminacja +10
#d6dc5c
luminacja -10
#a6ad25
luminacja -20
#7e831c
luminacja -30
#565913

Jasność koloru (Brightness)

jasność +10
#e5ed4c
jasność +20
#feff65
jasność +30
#ffff7f
jasność +40
#ffff98

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.

#cbd332
#ced53c
#d0d747
#d5dc5b
#dbe070
#e0e584
#e5e999
#eaedad
#eff2c2
#f5f6d6
#fafbeb
#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.

#cbd332
#c1c830
#b7be2d
#a2a928
#8e9423
#7a7f1e
#666a19
#515414
#3d3f0f
#292a0a
#141505
#000000

Spin koloru

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

Mix koloru

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

#cbd332
#c3cb3a
#bcc242
#adb251
#9ea161
#8f9070
#808080
#706f8f
#615e9f
#524dae
#433dbe
#342ccd

Kolory RGB

Kolor HEX #cbd332

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(203,211,50). Kolor czerwony (R) ma wartość 203 czyli 80% wartości maksymalnej wartości czerwonego lub 44% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 211 czyli 83% wartości maksymalnej wartości zielonego lub 45% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 50 czyli 20% wartości maksymalnej wartości niebieskiego lub 11% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 464 czyli 61% maksymalnej wartości (765).

Czerwony 80%
Zielony 83%
Niebieski 20%
czerwony 44%     ||     zielony 45%     ||     niebieski 11%

Kolory CMYK

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

Cyan 4%
Magenta 0%
Yellow 76%
Black 17%

Kolor czcionki #cbd332

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

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

Kolor tła #cbd332

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

Kolor tła #cbd332

Kolor obramowania #cbd332

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

Kolor ramki #cbd332