#309FBB kolor HEX kod RGB, HSL, CMYK KOLOR KOD DLA HEXA KOLOR #309FBB

#309FBB

W przestrzeni kolorów RGB hex #309FBB składa się z 19% red, 62% green i 73% blue. Kod koloru RGB składa się z szesnastkowego 30 red (48/255), 9F green (159/255) i BB blue (187/255). Dziesiętny kod koloru RGB to rgb(48,159,187) W przestrzeni kolorów CMYK składa się z 74% cyan, 15% magenta, 0% yellow i 27% black. Ma kąt barwy 192.09o stopni, nasycenie 59% i lekkość 46%. Najbliższy bezpieczny kolor to: #3399cc rgb (51, 153, 204).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #309FBB ma wartości RGB R:48, G:159, B:187 i wartości CMYK C:74, M:15, Y:0, K:27. Jego wartość dziesiętna to 3186619. Kod binarny to 1100001001111110111011
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 309FBB  #309FBB RGB dziesiętny 48, 159, 187  rgb(48, 159, 187) RGB % 19, 62, 73  rgb(19%, 62%, 73%) RGB Adobe 97, 158, 185 CMYK % 74, 15, 0, 27  74%, 15%, 0%, 27% HSL 192.09o, 59, 46  hsl(192.09o, 59%, 46%) HSV (HSB) 192o, 74%, 73%  hsv(192o, 74%, 73%)

Web Safe kolor #3399cc rgb (51, 153, 204) XYZ 22.587, 29.013 51.423 xyY 0.22, 0.28, 29.01 Hunter-Lab 53.86, -16.8, -22.67 CMY 81%, 38%, 27% Lab 60.36, -24.77, -24 Binarna kolor 30 9F BB 110000 10011111 10111011

Odcienie i odcienie #309FBB

---

Odcień uzyskuje się przez dodanie czerni do oryginalnego koloru w kodzie odcienia.
Odcień powstaje poprzez zmieszanie koloru z bielą.
Użyj palety, aby wybrać kolor lub suwaków, aby ustawić komponenty RGB, HSV, CMYK.
Na przykład tutaj: #0A1F25 to najciemniejszy kolor, a: #D6ECF1 to najjaśniejszy kolor.

Zmiana koloru odcienia #309FBB

#4FADC5 rgb (79,173,197) #4FADC5 #69B9CE rgb (105,185,206) #69B9CE #80C4D5 rgb (128,196,213) #80C4D5 #93CDDB rgb (147,205,219) #93CDDB #A3D5E0 rgb (163,213,224) #A3D5E0 #B1DBE5 rgb (177,219,229) #B1DBE5 #BDE0E9 rgb (189,224,233) #BDE0E9 #C7E5EC rgb (199,229,236) #C7E5EC #CFE9EF rgb (207,233,239) #CFE9EF #D6ECF1 rgb (214,236,241) #D6ECF1

Zmienność koloru odcienia

#29879F rgb (41,135,159) #29879F #237387 rgb (35,115,135) #237387 #1E6273 rgb (30,98,115) #1E6273 #1A5362 rgb (26,83,98) #1A5362 #164753 rgb (22,71,83) #164753 #133C47 rgb (19,60,71) #133C47 #10333C rgb (16,51,60) #10333C #0E2B33 rgb (14,43,51) #0E2B33 #0C252B rgb (12,37,43) #0C252B #0A1F25 rgb (10,31,37) #0A1F25

Tony #309FBB

Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #389CB5 jest mniej nasyconym kolorem, a #648C95 jest najbardziej nasyconym.

#389CB5 rgb (56,156,181) #389CB5 #3F99B0 rgb (63,153,176) #3F99B0 #4697AB rgb (70,151,171) #4697AB #4C95A7 rgb (76,149,167) #4C95A7 #5193A3 rgb (81,147,163) #5193A3 #5691A0 rgb (86,145,160) #5691A0 #5A8F9D rgb (90,143,157) #5A8F9D #5E8E9A rgb (94,142,154) #5E8E9A #618D97 rgb (97,141,151) #618D97 #648C95 rgb (100,140,149) #648C95

Alternatywy dla #309FBB

---

Poniżej możesz zobaczyć kolory zbliżone do #309FBB. Posiadanie zestawu powiązanych kolorów może być przydatne, jeśli potrzebujesz inspirującej alternatywy lub innych kolorów zbliżonych do oryginalnego wyboru kolorów.

#3063BB rgb (48,99,187) #3063BB #3077BB rgb (48,119,187) #3077BB #308BBB rgb (48,139,187) #308BBB #30B3BB rgb (48,179,187) #30B3BB #30C7BB rgb (48,199,187) #30C7BB #30DBBB rgb (48,219,187) #30DBBB

Szybkie użycie #309FBB

---

Jak używać tego koloru na stronach internetowych, skryptach lub innych językach programowania wykorzystujących html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Kolor tekstu	Przykład koloru tła
Kolor tekstu	Przykład koloru tła
<font color="#309FBB;">Text here</font>	<div style="background-color:#309FBB;">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="#309FBB;">Text here</font> </div>	HTML kod <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#309FBB;">Text here</font> </div>

Cień div box	Kod CSS cienia tekstu
cień pudełka dla kolor #309FBB	kod CSS cienia tekstu
HTML kod <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #309FBB;"></div> CSS kod .box-shadow: 2px 2px 7px 1px;	CSS kod .text-shadow: 1px 2px 2px #309FBB;

Kod html obramowania pola	Cień tekstu z wartościami RGB dla kolor #309FBB
kod html obramowania pola dla kolor #309FBB	cień tekstu z wartościami RGB
HTML kod <div style="background-color:#FFFFFF; border:1px solid #309FBB;"></div>	CSS kod with RGB .text-shadow: 0px 2px 2px rgba(48, 159, 187, 1.4);

Wstępnie sformatowany kod 309FBB	kod dla script / programming
HTML, CSS:	= #309FBB; rgb(48, 159, 187)
Java:	= new Color(48, 159, 187)
.NET:	= Color.FromArgb (48, 159, 187);
Xojo:	= rgb (48, 159, 187, 0);
openGL:	= glColor3f (0.19f, 0.62f, 0.73f);
Swift:	= UIColor(red:0.19, green:0.62, blue:0.73, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.19 green:0.62 blue:0.73 alpha:1.00000];

Schematy kolorów z #309FBB

---

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: 74% ma nasycenie #309FBB. Dodanie 74% + 10% = 84% nasycenia dla naszego nowego koloru #187B94. Zmniejszenie 74% - 10% = nasycenie 64% dla innego koloru monochromatycznego #51C4E0. #51c4e0 rgb (81,196,224) #51c4e0 64% nasycenie #516d7a rgb (56,109,122) #516d7a 54% nasycenie #187b94 rgb (24,123,148) #187b94 84% nasycenie #07637a rgb (7,99,122) #07637a 94% nasycenie

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 #305ABA rgb (48,90,186) #305ABA 222o #309FBB rgb (48,159,187) #309FBB 192o #30BA91 rgb (48,186,145) #30BA91 162o

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: #309FBB ma kąt 192o. Dodanie 192o + 180o = 12oo dla naszego nowego koloru uzupełniającego #BA4C30. #309FBB rgb (48,159,187) #309FBB 192o #BA4C30 rgb (186,76,48) #BA4C30 12o

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: #309FBB ma kąt 192o. Dodanie 192o + 180o+30o = 42o dla naszego pierwszego koloru uzupełniającego #BA9130. Zmniejszenie 192o + 180o-30o = 342o dla drugiego koloru uzupełniającego #BA305A. #BA305A rgb (186,48,90) #BA305A 342o #309FBB rgb (48,159,187) #309FBB 192o #BA9130 rgb (186,145,48) #BA9130 42o

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. #BA309F rgb (186,48,159) #BA309F 312o #309FBB rgb (48,159,187) #309FBB 192o #9FBA30 rgb (159,186,48) #9FBA30 72o

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. #BA309F rgb (186,48,159) #BA309F 312o #309FBB rgb (48,159,187) #309FBB 192o #BA4C30 rgb (186,76,48) #BA4C30 12o #30BA4C rgb (48,186,76) #30BA4C 132o