#3AD4F2 kolor HEX kod RGB, HSL, CMYK KOLOR KOD DLA HEXA KOLOR #3AD4F2

#3AD4F2

W przestrzeni kolorów RGB hex #3AD4F2 składa się z 23% red, 83% green i 95% blue. Kod koloru RGB składa się z szesnastkowego 3A red (58/255), D4 green (212/255) i F2 blue (242/255). Dziesiętny kod koloru RGB to rgb(58,212,242) W przestrzeni kolorów CMYK składa się z 76% cyan, 12% magenta, 0% yellow i 5% black. Ma kąt barwy 189.78o stopni, nasycenie 88% i lekkość 59%. Najbliższy bezpieczny kolor to: #33ccff rgb (51, 204, 255).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #3AD4F2 ma wartości RGB R:58, G:212, B:242 i wartości CMYK C:76, M:12, Y:0, K:5. Jego wartość dziesiętna to 3855602. Kod binarny to 1110101101010011110010
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 3AD4F2  #3AD4F2 RGB dziesiętny 58, 212, 242  rgb(58, 212, 242) RGB % 23, 83, 95  rgb(23%, 83%, 95%) RGB Adobe 128, 211, 240 CMYK % 76, 12, 0, 5  76%, 12%, 0%, 5% HSL 189.78o, 88, 59  hsl(189.78o, 88%, 59%) HSV (HSB) 190o, 76%, 95%  hsv(190o, 76%, 95%)

Web Safe kolor #33ccff rgb (51, 204, 255) XYZ 41.315, 54.397 92.327 xyY 0.22, 0.29, 54.4 Hunter-Lab 73.75, -25.54, -27.63 CMY 77%, 17%, 5% Lab 78.18, -33.36, -26.82 Binarna kolor 3A D4 F2 111010 11010100 11110010

Odcienie i odcienie #3AD4F2

---

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

Zmiana koloru odcienia #3AD4F2

#58DAF4 rgb (88,218,244) #58DAF4 #71E0F6 rgb (113,224,246) #71E0F6 #86E5F7 rgb (134,229,247) #86E5F7 #98E9F8 rgb (152,233,248) #98E9F8 #A7ECF9 rgb (167,236,249) #A7ECF9 #B4EFFA rgb (180,239,250) #B4EFFA #BFF1FB rgb (191,241,251) #BFF1FB #C9F3FC rgb (201,243,252) #C9F3FC #D1F5FC rgb (209,245,252) #D1F5FC #D8F7FC rgb (216,247,252) #D8F7FC

Zmienność koloru odcienia

#31B4CE rgb (49,180,206) #31B4CE #2A99AF rgb (42,153,175) #2A99AF #248295 rgb (36,130,149) #248295 #1F6F7F rgb (31,111,127) #1F6F7F #1A5E6C rgb (26,94,108) #1A5E6C #16505C rgb (22,80,92) #16505C #13444E rgb (19,68,78) #13444E #103A42 rgb (16,58,66) #103A42 #0E3138 rgb (14,49,56) #0E3138 #0C2A30 rgb (12,42,48) #0C2A30

Tony #3AD4F2

Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #41CCE7 jest mniej nasyconym kolorem, a #689EA9 jest najbardziej nasyconym.

#41CCE7 rgb (65,204,231) #41CCE7 #47C4DD rgb (71,196,221) #47C4DD #4DBDD4 rgb (77,189,212) #4DBDD4 #52B7CC rgb (82,183,204) #52B7CC #57B2C4 rgb (87,178,196) #57B2C4 #5BADBD rgb (91,173,189) #5BADBD #5FA9B7 rgb (95,169,183) #5FA9B7 #62A5B2 rgb (98,165,178) #62A5B2 #65A1AD rgb (101,161,173) #65A1AD #689EA9 rgb (104,158,169) #689EA9

Alternatywy dla #3AD4F2

---

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

#3A98F2 rgb (58,152,242) #3A98F2 #3AACF2 rgb (58,172,242) #3AACF2 #3AC0F2 rgb (58,192,242) #3AC0F2 #3AE8F2 rgb (58,232,242) #3AE8F2 #3AFCF2 rgb (58,252,242) #3AFCF2 #4EFFF2 rgb (78,255,242) #4EFFF2

Szybkie użycie #3AD4F2

---

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

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

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

Wstępnie sformatowany kod 3AD4F2	kod dla script / programming
HTML, CSS:	= #3AD4F2; rgb(58, 212, 242)
Java:	= new Color(58, 212, 242)
.NET:	= Color.FromArgb (58, 212, 242);
Xojo:	= rgb (58, 212, 242, 0);
openGL:	= glColor3f (0.23f, 0.83f, 0.95f);
Swift:	= UIColor(red:0.23, green:0.83, blue:0.95, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.23 green:0.83 blue:0.95 alpha:1.00000];

Schematy kolorów z #3AD4F2

---

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: 76% ma nasycenie #3AD4F2. Dodanie 76% + 10% = 86% nasycenia dla naszego nowego koloru #1DAFCC. Zmniejszenie 76% - 10% = nasycenie 66% dla innego koloru monochromatycznego #57E3FF. #57e3ff rgb (87,227,255) #57e3ff 66% nasycenie #57a2b3 rgb (79,162,179) #57a2b3 56% nasycenie #1dafcc rgb (29,175,204) #1dafcc 86% nasycenie #0796b3 rgb (7,150,179) #0796b3 96% 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 #3A78F2 rgb (58,120,242) #3A78F2 220o #3AD4F2 rgb (58,212,242) #3AD4F2 190o #3AF2B5 rgb (58,242,181) #3AF2B5 160o

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: #3AD4F2 ma kąt 190o. Dodanie 190o + 180o = 10oo dla naszego nowego koloru uzupełniającego #F2593A. #3AD4F2 rgb (58,212,242) #3AD4F2 190o #F2593A rgb (242,89,58) #F2593A 10o

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: #3AD4F2 ma kąt 190o. Dodanie 190o + 180o+30o = 40o dla naszego pierwszego koloru uzupełniającego #F2B53A. Zmniejszenie 190o + 180o-30o = 340o dla drugiego koloru uzupełniającego #F23A78. #F23A78 rgb (242,58,120) #F23A78 340o #3AD4F2 rgb (58,212,242) #3AD4F2 190o #F2B53A rgb (242,181,58) #F2B53A 40o

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. #F23AD4 rgb (242,58,212) #F23AD4 310o #3AD4F2 rgb (58,212,242) #3AD4F2 190o #D4F23A rgb (212,242,58) #D4F23A 70o

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. #F23AD4 rgb (242,58,212) #F23AD4 310o #3AD4F2 rgb (58,212,242) #3AD4F2 190o #F2593A rgb (242,89,58) #F2593A 10o #3AF259 rgb (58,242,89) #3AF259 130o