#33BDCC kolor HEX kod RGB, HSL, CMYK KOLOR KOD DLA HEXA KOLOR #33BDCC

#33BDCC

W przestrzeni kolorów RGB hex #33BDCC składa się z 20% red, 74% green i 80% blue. Kod koloru RGB składa się z szesnastkowego 33 red (51/255), BD green (189/255) i CC blue (204/255). Dziesiętny kod koloru RGB to rgb(51,189,204) W przestrzeni kolorów CMYK składa się z 75% cyan, 7% magenta, 0% yellow i 20% black. Ma kąt barwy 185.88o stopni, nasycenie 60% i lekkość 50%. Najbliższy bezpieczny kolor to: #33cccc rgb (51, 204, 204).

Konwersja kolorów

---

Przelicz kolor

---

Kolor szesnastkowy #33BDCC ma wartości RGB R:51, G:189, B:204 i wartości CMYK C:75, M:7, Y:0, K:20. Jego wartość dziesiętna to 3390924. Kod binarny to 1100111011110111001100
W druku używamy atramentów cyan, yellow, magenta i black (CMYK), ponieważ zazwyczaj drukujemy na białym papierze.

Hex kolor 33BDCC  #33BDCC RGB dziesiętny 51, 189, 204  rgb(51, 189, 204) RGB % 20, 74, 80  rgb(20%, 74%, 80%) RGB Adobe 114, 188, 202 CMYK % 75, 7, 0, 20  75%, 7%, 0%, 20% HSL 185.88o, 60, 50  hsl(185.88o, 60%, 50%) HSV (HSB) 186o, 75%, 80%  hsv(186o, 75%, 80%)

Web Safe kolor #33cccc rgb (51, 204, 204) XYZ 30.462, 41.459 63.524 xyY 0.22, 0.31, 41.46 Hunter-Lab 64.39, -25.19, -17.58 CMY 80%, 26%, 20% Lab 70.09, -33.49, -18.65 Binarna kolor 33 BD CC 110011 10111101 11001100

Odcienie i odcienie #33BDCC

---

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

Zmiana koloru odcienia #33BDCC

#52C7D4 rgb (82,199,212) #52C7D4 #6CCFDA rgb (108,207,218) #6CCFDA #82D6E0 rgb (130,214,224) #82D6E0 #95DCE5 rgb (149,220,229) #95DCE5 #A5E1E9 rgb (165,225,233) #A5E1E9 #B3E6EC rgb (179,230,236) #B3E6EC #BEEAEF rgb (190,234,239) #BEEAEF #C8EDF1 rgb (200,237,241) #C8EDF1 #D0F0F3 rgb (208,240,243) #D0F0F3 #D7F2F5 rgb (215,242,245) #D7F2F5

Zmienność koloru odcienia

#2BA1AD rgb (43,161,173) #2BA1AD #258993 rgb (37,137,147) #258993 #1F747D rgb (31,116,125) #1F747D #1A636A rgb (26,99,106) #1A636A #16545A rgb (22,84,90) #16545A #13474D rgb (19,71,77) #13474D #103C41 rgb (16,60,65) #103C41 #0E3337 rgb (14,51,55) #0E3337 #0C2B2F rgb (12,43,47) #0C2B2F #0A2528 rgb (10,37,40) #0A2528

Tony #33BDCC

Odcień powstaje przez dodanie szarości do dowolnego czystego odcienia. W tym przypadku #3BB7C4 jest mniej nasyconym kolorem, a #66969B jest najbardziej nasyconym.

#3BB7C4 rgb (59,183,196) #3BB7C4 #42B2BD rgb (66,178,189) #42B2BD #48ADB7 rgb (72,173,183) #48ADB7 #4EA9B2 rgb (78,169,178) #4EA9B2 #53A5AD rgb (83,165,173) #53A5AD #58A1A9 rgb (88,161,169) #58A1A9 #5C9EA5 rgb (92,158,165) #5C9EA5 #609BA1 rgb (96,155,161) #609BA1 #63989E rgb (99,152,158) #63989E #66969B rgb (102,150,155) #66969B

Alternatywy dla #33BDCC

---

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

#3381CC rgb (51,129,204) #3381CC #3395CC rgb (51,149,204) #3395CC #33A9CC rgb (51,169,204) #33A9CC #33D1CC rgb (51,209,204) #33D1CC #33E5CC rgb (51,229,204) #33E5CC #33F9CC rgb (51,249,204) #33F9CC

Szybkie użycie #33BDCC

---

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

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

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

Wstępnie sformatowany kod 33BDCC	kod dla script / programming
HTML, CSS:	= #33BDCC; rgb(51, 189, 204)
Java:	= new Color(51, 189, 204)
.NET:	= Color.FromArgb (51, 189, 204);
Xojo:	= rgb (51, 189, 204, 0);
openGL:	= glColor3f (0.2f, 0.74f, 0.8f);
Swift:	= UIColor(red:0.2, green:0.74, blue:0.8, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.74 blue:0.8 alpha:1.00000];

Schematy kolorów z #33BDCC

---

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: 75% ma nasycenie #33BDCC. Dodanie 75% + 10% = 85% nasycenia dla naszego nowego koloru #1998A6. Zmniejszenie 75% - 10% = nasycenie 65% dla innego koloru monochromatycznego #55E3F2. #55e3f2 rgb (85,227,242) #55e3f2 65% nasycenie #55858c rgb (63,133,140) #55858c 55% nasycenie #1998a6 rgb (25,152,166) #1998a6 85% nasycenie #077f8c rgb (7,127,140) #077f8c 95% 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 #3370CC rgb (51,112,204) #3370CC 216o #33BDCC rgb (51,189,204) #33BDCC 186o #33CC8F rgb (51,204,143) #33CC8F 156o

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: #33BDCC ma kąt 186o. Dodanie 186o + 180o = 6oo dla naszego nowego koloru uzupełniającego #CC4233. #33BDCC rgb (51,189,204) #33BDCC 186o #CC4233 rgb (204,66,51) #CC4233 6o

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: #33BDCC ma kąt 186o. Dodanie 186o + 180o+30o = 36o dla naszego pierwszego koloru uzupełniającego #CC8F33. Zmniejszenie 186o + 180o-30o = 336o dla drugiego koloru uzupełniającego #CC3370. #CC3370 rgb (204,51,112) #CC3370 336o #33BDCC rgb (51,189,204) #33BDCC 186o #CC8F33 rgb (204,143,51) #CC8F33 36o

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. #CC33BD rgb (204,51,189) #CC33BD 306o #33BDCC rgb (51,189,204) #33BDCC 186o #BDCC33 rgb (189,204,51) #BDCC33 66o

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. #CC33BD rgb (204,51,189) #CC33BD 306o #33BDCC rgb (51,189,204) #33BDCC 186o #CC4233 rgb (204,66,51) #CC4233 6o #33CC42 rgb (51,204,66) #33CC42 126o