#377CF0 kolor HEX kod RGB, HSL, CMYKKOLOR KOD DLA HEXA KOLOR #377CF0 |
#377CF0
|
W przestrzeni kolorów RGB hex #377CF0 składa się z 22% red, 49% green i 94% blue. Kod koloru RGB składa się z szesnastkowego 37 red (55/255), 7C green (124/255) i F0 blue (240/255). Dziesiętny kod koloru RGB to rgb(55,124,240) W przestrzeni kolorów CMYK składa się z 77% cyan, 48% magenta, 0% yellow i 6% black. Ma kąt barwy 217.62o stopni, nasycenie 86% i lekkość 58%. Najbliższy bezpieczny kolor to: #3366ff rgb (51, 102, 255). |
![]() ![]() ![]() |
#377CF0 rgb(55,124,240) | = | 22% z 255 | 49% z 255 | 94% z 255 | = | 77 z 100 | 48 z 100 | 0 z 100 | 6 z 100 |
|
|
|
|
|
|
|
|||
R: 55 czerwony | G: 124 zielony | B: 240 niebieski | C: 77 cyan | M: 48 magenta | Y: 0 żółty | K: 6 czarny |
|||
Hexa kolor | Karta kolorów RGB | Karta kolorów CMYK |
|
Zmienność koloru odcienia |
Tony #377CF0 |
Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #3E7CE5 jest mniej nasyconym kolorem, a #677CA8 jest najbardziej nasyconym. |
|
Kolor tekstu | Przykład koloru tła |
Kolor tekstu
|
Przykład koloru tła
|
<font color="#377CF0;">Text here</font> |
<div style="background-color:#377CF0;">Text here</div> |
Podgląd kolorów na czarnym tle | Podgląd koloru na białym tle |
podgląd kolorów na czarnym tle
|
podgląd koloru na białym tle
|
HTML kod <div style="background-color:#000000"> <font color="#377CF0;">Text here</font> </div> |
HTML kod <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#377CF0;">Text here</font> </div> |
Cień div box | Kod CSS cienia tekstu |
cień pudełka dla kolor #377CF0
|
kod CSS cienia tekstu
|
HTML kod <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #377CF0;"></div> .box-shadow: 2px 2px 7px 1px; |
CSS kod .text-shadow: 1px 2px 2px #377CF0; |
Kod html obramowania pola | Cień tekstu z wartościami RGB dla kolor #377CF0 |
kod html obramowania pola dla kolor #377CF0
|
cień tekstu z wartościami RGB |
HTML kod <div style="background-color:#FFFFFF; border:1px solid #377CF0;"></div> |
CSS kod with RGB .text-shadow: 0px 2px 2px rgba(55, 124, 240, 1.4); |
Wstępnie sformatowany kod 377CF0 | kod dla script / programming |
HTML, CSS: | = #377CF0; rgb(55, 124, 240) |
Java: | = new Color(55, 124, 240) |
.NET: | = Color.FromArgb (55, 124, 240); |
Xojo: | = rgb (55, 124, 240, 0); |
openGL: | = glColor3f (0.22f, 0.49f, 0.94f); |
Swift: | = UIColor(red:0.22, green:0.49, blue:0.94, alpha:1.00000); |
Objective-C: | = [UIColor colorWithRed:0.22 green:0.49 blue:0.94 alpha:1.00000]; |
Kolor monochromatyczny![]() Monochromatyczne schematy kolorów są łatwe do stworzenia, ponieważ używają tylko jednego koloru. Schematy monochromatyczne wykorzystują różne odcienie pod tym samym kątem na kole kolorów (ten sam kąt), wystarczy zmienić nasycenie koloru +10% i masz nowy kolor monochromatyczny. W naszym przypadku kolor: 77% ma nasycenie #377CF0. Dodanie 77% + 10% = 87% nasycenia dla naszego nowego koloru #1A5AC9. Zmniejszenie 77% - 10% = nasycenie 67% dla innego koloru monochromatycznego #5493FF. |
Analogiczny kolor![]() Analogiczne schematy kolorów są tworzone przy użyciu kolorów znajdujących się obok siebie na kole kolorów. Tylko +/- 30o po bokach kąta odcienia kolorów |
Kolor uzupełniający![]()
Schematy uzupełniające są tworzone przez łączenie kolorów z przeciwnych stron koła kolorów. Po prostu dodaj 180 stopni do odcienia / kąta koloru i masz kolor uzupełniający. W naszym przypadku kolor: #377CF0 ma kąt 218o. Dodanie 218o + 180o = 38oo dla naszego nowego koloru uzupełniającego #F0AC37.
|
Podzielony kolor![]() Schematy złożone lub podzielone schematy komplementarne są prawie takie same jak schematy uzupełniające. Zamiast używać kolorów, które są przeciwstawne, używa kolorów po obu stronach przeciwnego kąta odcienia. W naszym przypadku kolor: #377CF0 ma kąt 218o. Dodanie 218o + 180o+30o = 68o dla naszego pierwszego koloru uzupełniającego #D7F037. Zmniejszenie 218o + 180o-30o = 8o dla drugiego koloru uzupełniającego #F05037. |
Kolor triady![]() Schematy triady składają się z odcieni/kątów rozmieszczonych równomiernie wokół koła kolorów. Dodaj i zmniejsz +/- 120 stopni po obu stronach kąta odcienia koloru. |
Kolor tetradyczny![]() Schematy tetradyczne składają się z odcieni/kątów rozmieszczonych wokół koła kolorów. Dodaj 120,180,300 stopni do kąta odcienia koloru. |
![]() | kolor |
jednostki miary | |