#20A7D4 kolor HEX kod RGB, HSL, CMYK KOLOR KOD DLA HEXA KOLOR #20A7D4

#20A7D4

W przestrzeni kolorów RGB hex #20A7D4 składa się z 13% red, 65% green i 83% blue. Kod koloru RGB składa się z szesnastkowego 20 red (32/255), A7 green (167/255) i D4 blue (212/255). Dziesiętny kod koloru RGB to rgb(32,167,212) W przestrzeni kolorów CMYK składa się z 85% cyan, 21% magenta, 0% yellow i 17% black. Ma kąt barwy 195o stopni, nasycenie 74% i lekkość 48%. Najbliższy bezpieczny kolor to: #3399cc rgb (51, 153, 204).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #20A7D4 ma wartości RGB R:32, G:167, B:212 i wartości CMYK C:85, M:21, Y:0, K:17. Jego wartość dziesiętna to 2140116. Kod binarny to 1000001010011111010100
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 20A7D4  #20A7D4 RGB dziesiętny 32, 167, 212  rgb(32, 167, 212) RGB % 13, 65, 83  rgb(13%, 65%, 83%) RGB Adobe 97, 165, 209 CMYK % 85, 21, 0, 17  85%, 21%, 0%, 17% HSL 195o, 74, 48  hsl(195o, 74%, 48%) HSV (HSB) 195o, 85%, 83%  hsv(195o, 85%, 83%)

Web Safe kolor #3399cc rgb (51, 153, 204) XYZ 26.298, 32.698 67.213 xyY 0.21, 0.26, 32.7 Hunter-Lab 57.18, -15.16, -34.04 CMY 87%, 35%, 17% Lab 63.35, -23.52, -33.31 Binarna kolor 20 A7 D4 100000 10100111 11010100

Odcienie i odcienie #20A7D4

---

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: #07212A to najciemniejszy kolor, a: #D4EEF7 to najjaśniejszy kolor.

Zmiana koloru odcienia #20A7D4

#41B4DA rgb (65,180,218) #41B4DA #5EBFE0 rgb (94,191,224) #5EBFE0 #76C9E5 rgb (118,201,229) #76C9E5 #8BD1E9 rgb (139,209,233) #8BD1E9 #9CD8EC rgb (156,216,236) #9CD8EC #ABDEEF rgb (171,222,239) #ABDEEF #B8E3F1 rgb (184,227,241) #B8E3F1 #C3E7F3 rgb (195,231,243) #C3E7F3 #CCEBF5 rgb (204,235,245) #CCEBF5 #D4EEF7 rgb (212,238,247) #D4EEF7

Zmienność koloru odcienia

#1B8EB4 rgb (27,142,180) #1B8EB4 #177999 rgb (23,121,153) #177999 #146782 rgb (20,103,130) #146782 #11586F rgb (17,88,111) #11586F #0E4B5E rgb (14,75,94) #0E4B5E #0C4050 rgb (12,64,80) #0C4050 #0A3644 rgb (10,54,68) #0A3644 #092E3A rgb (9,46,58) #092E3A #082731 rgb (8,39,49) #082731 #07212A rgb (7,33,42) #07212A

Tony #20A7D4

Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #2AA3CC jest mniej nasyconym kolorem, a #608E9E jest najbardziej nasyconym.

#2AA3CC rgb (42,163,204) #2AA3CC #33A0C4 rgb (51,160,196) #33A0C4 #3B9DBD rgb (59,157,189) #3B9DBD #429AB7 rgb (66,154,183) #429AB7 #4897B2 rgb (72,151,178) #4897B2 #4E95AD rgb (78,149,173) #4E95AD #5393A9 rgb (83,147,169) #5393A9 #5891A5 rgb (88,145,165) #5891A5 #5C8FA1 rgb (92,143,161) #5C8FA1 #608E9E rgb (96,142,158) #608E9E

Alternatywy dla #20A7D4

---

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

#206BD4 rgb (32,107,212) #206BD4 #207FD4 rgb (32,127,212) #207FD4 #2093D4 rgb (32,147,212) #2093D4 #20BBD4 rgb (32,187,212) #20BBD4 #20CFD4 rgb (32,207,212) #20CFD4 #20E3D4 rgb (32,227,212) #20E3D4

Szybkie użycie #20A7D4

---

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

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

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

Wstępnie sformatowany kod 20A7D4	kod dla script / programming
HTML, CSS:	= #20A7D4; rgb(32, 167, 212)
Java:	= new Color(32, 167, 212)
.NET:	= Color.FromArgb (32, 167, 212);
Xojo:	= rgb (32, 167, 212, 0);
openGL:	= glColor3f (0.13f, 0.65f, 0.83f);
Swift:	= UIColor(red:0.13, green:0.65, blue:0.83, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.13 green:0.65 blue:0.83 alpha:1.00000];

Schematy kolorów z #20A7D4

---

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: 85% ma nasycenie #20A7D4. Dodanie 85% + 10% = 95% nasycenia dla naszego nowego koloru #0984AD. Zmniejszenie 85% - 10% = nasycenie 75% dla innego koloru monochromatycznego #3ECBFA. #3ecbfa rgb (62,203,250) #3ecbfa 75% nasycenie #3e7c94 rgb (52,124,148) #3e7c94 65% nasycenie #0984ad rgb (9,132,173) #0984ad 95% nasycenie #006f94 rgb (0,111,148) #006f94 100% 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 #204DD4 rgb (32,77,212) #204DD4 225o #20A7D4 rgb (32,167,212) #20A7D4 195o #20D4A7 rgb (32,212,167) #20D4A7 165o

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: #20A7D4 ma kąt 195o. Dodanie 195o + 180o = 15oo dla naszego nowego koloru uzupełniającego #D44D20. #20A7D4 rgb (32,167,212) #20A7D4 195o #D44D20 rgb (212,77,32) #D44D20 15o

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: #20A7D4 ma kąt 195o. Dodanie 195o + 180o+30o = 45o dla naszego pierwszego koloru uzupełniającego #D4A720. Zmniejszenie 195o + 180o-30o = 345o dla drugiego koloru uzupełniającego #D4204D. #D4204D rgb (212,32,77) #D4204D 345o #20A7D4 rgb (32,167,212) #20A7D4 195o #D4A720 rgb (212,167,32) #D4A720 45o

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. #D420A7 rgb (212,32,167) #D420A7 315o #20A7D4 rgb (32,167,212) #20A7D4 195o #A7D420 rgb (167,212,32) #A7D420 75o

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. #D420A7 rgb (212,32,167) #D420A7 315o #20A7D4 rgb (32,167,212) #20A7D4 195o #D44D20 rgb (212,77,32) #D44D20 15o #20D44D rgb (32,212,77) #20D44D 135o