Kolor HEX #7b4db3

W specyfikacji HTML/CSS wśród 147 zdefiniowanych nazw kolorów nie występuje kolor #7b4db3. Najbardziej podobny do niego kolor to SlateBlue (#6a5acd), którego odcień to purpurowy. W palecie kolorów X11 nie występuje kolor #7b4db3. Najbardziej podobny do niego kolor to Dark Lavender (#734f96 ).

Konwersja z HEX kolor #7b4db3

RGB123
48%
77
30%
179
70%
HSV267º57%70%
HSL267.1º40.2%50.2%
CMYK0.31
31%
0.57
57%
0
0%
0.3
30%
SystemCzerwonyZielonyNiebieski
HEX7b4db3
RGB decimal12377179
Octal173115263
Binary011110110100110110110011
Decimal (0-16777215)8080819

Kolor #7b4db3 (0x7B4DB3) nie jest bezpiecznym kolorem internetowym. Najbliższy kolor bezpieczny to #6666cc. #7b4db3 jest kolorem ciemnym, którego poziom jasności wynosi 102/255. Współczynnik kontrastu do koloru białego to 5.92 : 1.

Skala szarości
#808080
Kolor bazowy
#7b4db3

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) #7b4db3: kąt barwy 267.1º, nasycenie: 40.2%, jasność: 50.2%. Wartość HSV (lub jasność HSB) odcień koloru wynosi 267º, nasycenie koloru: 57%, a jasność 70%.

Nasycenie koloru (Saturation)

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

saturacja +30
#7401ff
saturacja +20
#7727d9
saturacja +10
#7a40c0
saturacja -10
#750ef2
saturacja -20
#7727d9
saturacja -30
#7b4db3

Luminacja (Lightness)

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

luminacja +30
#cbb8e1
luminacja +20
#b094d2
luminacja +10
#9671c2
luminacja -10
#633d90
luminacja -20
#4a2e6c
luminacja -30
#321f48

Jasność koloru (Brightness)

jasność +10
#9567cd
jasność +20
#ae80e6
jasność +30
#c89aff
jasność +40
#e1b3ff

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.

#7b4db3
#8256b7
#885fbb
#9571c2
#a382ca
#b094d1
#bda6d9
#cab8e1
#d7cae8
#e5dbf0
#f2edf7
#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.

#7b4db3
#7549aa
#6f45a1
#623e8f
#56367d
#4a2e6b
#3e275a
#311f48
#251736
#190f24
#0c0812
#000000

Spin koloru

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

Mix koloru

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

#7b4db3
#7b52ae
#7c57a9
#7d619e
#7e6b94
#7f758a
#808080
#808a75
#81946b
#829e61
#83a856
#84b24c

Kolory RGB

Kolor HEX #7b4db3

Po przekonwertowaniu koloru HEX na RGB otrzymamy następujące wartości rgb(123,77,179). Kolor czerwony (R) ma wartość 123 czyli 48% wartości maksymalnej wartości czerwonego lub 32% sumy wszystkich kolorów. Kolor zielony (G) ma wartość 77 czyli 30% wartości maksymalnej wartości zielonego lub 20% sumy wszystkich kolorów. Kolor niebieski (B) ma wartość 179 czyli 70% wartości maksymalnej wartości niebieskiego lub 47% sumy wszystkich kolorów. Zsumowanie wartości R+G+B w przypadku tego koloru to 379 czyli 50% maksymalnej wartości (765).

Czerwony 48%
Zielony 30%
Niebieski 70%
czerwony 32%     ||     zielony 20%     ||     niebieski 47%

Kolory CMYK

W przestrzeni barw CMYK w skład koloru wchodzi 31% cyjanu, 57% magenty, 0% żółtego i 30% czarnego.

Cyan 31%
Magenta 57%
Yellow 0%
Black 30%

Kolor czcionki #7b4db3

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

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

Kolor tła #7b4db3

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

Kolor tła #7b4db3

Kolor obramowania #7b4db3

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

Kolor ramki #7b4db3