#306AA1 kolor HEX kod RGB, HSL, CMYK KOLOR KOD DLA HEXA KOLOR #306AA1

#306AA1

W przestrzeni kolorów RGB hex #306AA1 składa się z 19% red, 42% green i 63% blue. Kod koloru RGB składa się z szesnastkowego 30 red (48/255), 6A green (106/255) i A1 blue (161/255). Dziesiętny kod koloru RGB to rgb(48,106,161) W przestrzeni kolorów CMYK składa się z 70% cyan, 34% magenta, 0% yellow i 37% black. Ma kąt barwy 209.2o stopni, nasycenie 54% i lekkość 41%. Najbliższy bezpieczny kolor to: #336699 rgb (51, 102, 153).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #306AA1 ma wartości RGB R:48, G:106, B:161 i wartości CMYK C:70, M:34, Y:0, K:37. Jego wartość dziesiętna to 3173025. Kod binarny to 1100000110101010100001
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 306AA1  #306AA1 RGB dziesiętny 48, 106, 161  rgb(48, 106, 161) RGB % 19, 42, 63  rgb(19%, 42%, 63%) RGB Adobe 72, 106, 158 CMYK % 70, 34, 0, 37  70%, 34%, 0%, 37% HSL 209.2o, 54, 41  hsl(209.2o, 54%, 41%) HSV (HSB) 209o, 70%, 63%  hsv(209o, 70%, 63%)

Web Safe kolor #336699 rgb (51, 102, 153) XYZ 12.806, 13.51 35.651 xyY 0.21, 0.22, 13.51 Hunter-Lab 36.76, -0.17, -35.08 CMY 81%, 58%, 37% Lab 42.99, -5.06, -35.93 Binarna kolor 30 6A A1 110000 1101010 10100001

Odcienie i odcienie #306AA1

---

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: #0A151F to najciemniejszy kolor, a: #D6E1EC to najjaśniejszy kolor.

Zmiana koloru odcienia #306AA1

#4F80AF rgb (79,128,175) #4F80AF #6993BB rgb (105,147,187) #6993BB #80A3C5 rgb (128,163,197) #80A3C5 #93B1CE rgb (147,177,206) #93B1CE #A3BDD5 rgb (163,189,213) #A3BDD5 #B1C7DB rgb (177,199,219) #B1C7DB #BDCFE0 rgb (189,207,224) #BDCFE0 #C7D6E5 rgb (199,214,229) #C7D6E5 #CFDCE9 rgb (207,220,233) #CFDCE9 #D6E1EC rgb (214,225,236) #D6E1EC

Zmienność koloru odcienia

#295A89 rgb (41,90,137) #295A89 #234D74 rgb (35,77,116) #234D74 #1E4163 rgb (30,65,99) #1E4163 #1A3754 rgb (26,55,84) #1A3754 #162F47 rgb (22,47,71) #162F47 #13283C rgb (19,40,60) #13283C #102233 rgb (16,34,51) #102233 #0E1D2B rgb (14,29,43) #0E1D2B #0C1925 rgb (12,25,37) #0C1925 #0A151F rgb (10,21,31) #0A151F

Tony #306AA1

Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #386C9E jest mniej nasyconym kolorem, a #64788C jest najbardziej nasyconym.

#386C9E rgb (56,108,158) #386C9E #3F6E9B rgb (63,110,155) #3F6E9B #467098 rgb (70,112,152) #467098 #4C7296 rgb (76,114,150) #4C7296 #517394 rgb (81,115,148) #517394 #567492 rgb (86,116,146) #567492 #5A7590 rgb (90,117,144) #5A7590 #5E768E rgb (94,118,142) #5E768E #61778D rgb (97,119,141) #61778D #64788C rgb (100,120,140) #64788C

Alternatywy dla #306AA1

---

Poniżej możesz zobaczyć kolory zbliżone do #306AA1. 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.

#302EA1 rgb (48,46,161) #302EA1 #3042A1 rgb (48,66,161) #3042A1 #3056A1 rgb (48,86,161) #3056A1 #307EA1 rgb (48,126,161) #307EA1 #3092A1 rgb (48,146,161) #3092A1 #30A6A1 rgb (48,166,161) #30A6A1

Szybkie użycie #306AA1

---

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="#306AA1;">Text here</font>	<div style="background-color:#306AA1;">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="#306AA1;">Text here</font> </div>	HTML kod <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#306AA1;">Text here</font> </div>

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

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

Wstępnie sformatowany kod 306AA1	kod dla script / programming
HTML, CSS:	= #306AA1; rgb(48, 106, 161)
Java:	= new Color(48, 106, 161)
.NET:	= Color.FromArgb (48, 106, 161);
Xojo:	= rgb (48, 106, 161, 0);
openGL:	= glColor3f (0.19f, 0.42f, 0.63f);
Swift:	= UIColor(red:0.19, green:0.42, blue:0.63, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.19 green:0.42 blue:0.63 alpha:1.00000];

Schematy kolorów z #306AA1

---

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: 70% ma nasycenie #306AA1. Dodanie 70% + 10% = 80% nasycenia dla naszego nowego koloru #184B7A. Zmniejszenie 70% - 10% = nasycenie 60% dla innego koloru monochromatycznego #508DC7. #508dc7 rgb (80,141,199) #508dc7 60% nasycenie #504961 rgb (48,73,97) #504961 50% nasycenie #184b7a rgb (24,75,122) #184b7a 80% nasycenie #0a3761 rgb (10,55,97) #0a3761 90% 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 #3032A1 rgb (48,50,161) #3032A1 239o #306AA1 rgb (48,106,161) #306AA1 209o #30A19F rgb (48,161,159) #30A19F 179o

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: #306AA1 ma kąt 209o. Dodanie 209o + 180o = 29oo dla naszego nowego koloru uzupełniającego #A16730. #306AA1 rgb (48,106,161) #306AA1 209o #A16730 rgb (161,103,48) #A16730 29o

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: #306AA1 ma kąt 209o. Dodanie 209o + 180o+30o = 59o dla naszego pierwszego koloru uzupełniającego #A19F30. Zmniejszenie 209o + 180o-30o = 359o dla drugiego koloru uzupełniającego #A13032. #A13032 rgb (161,48,50) #A13032 359o #306AA1 rgb (48,106,161) #306AA1 209o #A19F30 rgb (161,159,48) #A19F30 59o

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. #A1306A rgb (161,48,106) #A1306A 329o #306AA1 rgb (48,106,161) #306AA1 209o #6AA130 rgb (106,161,48) #6AA130 89o

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. #A1306A rgb (161,48,106) #A1306A 329o #306AA1 rgb (48,106,161) #306AA1 209o #A16730 rgb (161,103,48) #A16730 29o #30A167 rgb (48,161,103) #30A167 149o