Kolor HEX #230aa3

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #230aa3. Najbardziej podobny do niego kolor to DarkBlue (#00008b), którego odcień to niebieski. W palecie kolorów X11 nie występuje kolor #230aa3. Najbardziej podobny do niego kolor to Dark Blue (#00008b ).

Konwersja z HEX kolor #230aa3

RGB35
14%
10
4%
163
64%
HSV250º94%64%
HSL249.8º88.4%33.9%
CMYK0.79
79%
0.94
94%
0
0%
0.36
36%
SystemCzerwonyZielonyNiebieski
HEX230aa3
RGB decimal3510163
Octal4312243
Binary001000110000101010100011
Decimal (0-16777215)2296483

Kolor #230aa3 (0x230AA3) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #330099. #230aa3 jest kolorem ciemnym, którego poziom jasności wynosi 35/255. Współczynnik kontrastu do koloru białego to 13.09 : 1.

Skala szarości
#565656
Kolor bazowy
#230aa3

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) #230aa3: kąt barwy 249.8º, nasycenie: 88.4%, jasność: 33.9%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 250º, nasycenie koloru: 94%, a jasność 64%.

Nasycenie koloru (Saturation)

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

saturacja +30
#1c00ad
saturacja +20
#1c00ad
saturacja +10
#1d01ac
saturacja -10
#2209a4
saturacja -20
#2e1a93
saturacja -30
#3f3479

Luminacja (Lightness)

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

luminacja +30
#6c52f4
luminacja +20
#4322f1
luminacja +10
#2d0dd3
luminacja -10
#190773
luminacja -20
#0e0443
luminacja -30
#040113

Jasność koloru (Brightness)

jasność +10
#3d24bd
jasność +20
#563dd6
jasność +30
#7057f0
jasność +40
#8970ff

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.

#230aa3
#2e16a8
#3923ac
#4f3bb5
#6554bf
#7b6cc8
#9185d1
#a79dda
#bdb6e3
#d3ceed
#e9e7f6
#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.

#230aa3
#210a9b
#200993
#1c0882
#190772
#150662
#120552
#0e0441
#0b0331
#070221
#040110
#000000

Spin koloru

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

Mix koloru

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

#230aa3
#2c169f
#36229c
#483995
#5b518e
#6d6887
#808080
#929778
#a5af71
#b7c66a
#cade63
#dcf55c

Kolory RGB

Kolor HEX #230aa3

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(35,10,163). Kolor czerwony (R) ma wartość 35 czyli 14% wartości maksymalnej wartości czerwonego lub 17% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 10 czyli 4% wartości maksymalnej wartości zielonego lub 5% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 163 czyli 64% wartości maksymalnej wartości niebieskiego lub 78% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 208 czyli 27% maksymalnej wartości (765).

Czerwony 14%
Zielony 4%
Niebieski 64%
czerwony 17%     ||     zielony 5%     ||     niebieski 78%

Kolory CMYK

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

Cyan 79%
Magenta 94%
Yellow 0%
Black 36%

Kolor czcionki #230aa3

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

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

Kolor tła #230aa3

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

Kolor tła #230aa3

Kolor obramowania #230aa3

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

Kolor ramki #230aa3