Kody i nazwy kolorów CSS.
Kod koloru może być jednym z:
Format szesnastkowy: #rrggbb
Format RGB: rgb (czerwony, zielony, niebieski)
Format nazwy: imię
Dla koloru pomarańczowego:
Format szesnastkowy: #FFA500
Format RGB: RGB(255,165,0)
Format nazwy: pomarańczowy
Dla określonego elementu:
<element style="color: code;"></element>
Dla wszystkich elementów tego samego typu.Umieść kod w tagu <style> w sekcji head:
<style>
element { color: code; }
</style>
Ustawienie koloru tekstu akapitu na czerwony:
Ustawienie koloru określonego akapitu:
<p style="color: #FF0000;">Some text ...</p>
Pogląd:
Jakiś tekst ...
Ustawienie koloru wszystkich akapitów
<style>
p { color: #FF0000; }
</style>
element { background: code; }
Ustawienie koloru tła akapitu na czerwony:
Ustawienie koloru tła określonego akapitu:
<p style="background: #FF0000;">Some text ...</p>
Pogląd:
Jakiś tekst ...
Ustawienie koloru tła wszystkich akapitów:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
Ustawienie koloru obramowania akapitu na czerwony, zielony, niebieski i czarny:
Ustawianie koloru obramowania określonego akapitu:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
Pogląd:
Jakiś tekst ...
Ustawianie koloru obramowania wszystkich akapitów:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
Kolor | Nazwa koloruHTML/CSS |
Kod szesnastkowy #RRGGBB |
Kod dziesiętny (R,G,B) |
---|---|---|---|
lekki łosoś | #FFA07A | rgb(255,160,122) | |
łosoś | #FA8072 | rgb(250,128,114) | |
ciemny łosoś | #E9967A | rgb(233,150,122) | |
jasnokoralowy | #F08080 | rgb(240,128,128) | |
indianred | #CD5C5C | rgb(205,92,92) | |
karmazynowy | #DC143C | rgb(220,20,60) | |
cegła ogniotrwała | #B22222 | RGB(178,34,34) | |
czerwony | #FF0000 | rgb(255,0,0) | |
ciemno czerwony | #8B0000 | rgb(139,0,0) |
Kolor | Nazwa koloruHTML/CSS |
Kod szesnastkowy #RRGGBB |
Kod dziesiętny (R,G,B) |
---|---|---|---|
koral | #FF7F50 | rgb(255,127,80) | |
pomidor | #FF6347 | rgb(255,99,71) | |
pomarańczowy czerwony | #FF4500 | rgb(255,69,0) | |
złoto | #FFD700 | rgb(255,215,0) | |
Pomarańczowy | #FFA500 | rgb(255,165,0) | |
ciemna pomarańcza | #FF8C00 | rgb(255,140,0) |
Kolor | Nazwa koloruHTML/CSS |
Kod szesnastkowy #RRGGBB |
Kod dziesiętny (R,G,B) |
---|---|---|---|
jasny zółty | #FFFF0 | rgb(255255224) | |
cytrynowyszyfon | #FFFACD | rgb(255,250,205) | |
jasnozłoto-żółty | #FAFAD2 | rgb(250,250,210) | |
bicz papaja | #FFEFD5 | rgb(255239213) | |
mokasyn | #FFE4B5 | rgb(255228181) | |
brzoskwiniowy | #FFDAB9 | rgb(255218185) | |
bladozłoty pręt | #EEE8AA | RGB(238232170) | |
khaki | #F0E68C | rgb(240,230,140) | |
ciemne khaki | #BDB76B | rgb(189,183,107) | |
żółty | #FFFF00 | rgb(255,255,0) |
Kolor | Nazwa koloruHTML/CSS |
Kod szesnastkowy #RRGGBB |
Kod dziesiętny (R,G,B) |
---|---|---|---|
zielony trawnik | #7CFC00 | rgb(124,252,0) | |
chartreuse | #7FFF00 | rgb(127,255,0) | |
limonkowy | #32CD32 | rgb(50,205,50) | |
Limonka | #00FF00 | rgb(0.255.0) | |
zielony las | #228B22 | rgb(34,139,34) | |
zielony | #008000 | rgb(0,128,0) | |
ciemnozielony | #006400 | rgb(0,100,0) | |
zielony żółty | #ADFF2F | rgb(173,255,47) | |
żółty zielony | #9ACD32 | rgb(154,205,50) | |
wiosenna zieleń | #00FF7F | rgb(0,255,127) | |
średniowiosenny | #00FA9A | rgb(0,250,154) | |
jasnozielony | #90EE90 | RGB(144238144) | |
bladozielony | #98FB98 | rgb(152251152) | |
ciemnomorski | #8FBC8F | rgb(143,188,143) | |
średnimorskozielony | #3CB371 | rgb(60179113) | |
zielone morze | #2E8B57 | rgb(46,139,87) | |
Oliwa | #808000 | rgb(128,128,0) | |
ciemnooliwkowozielony | #556B2F | rgb(85,107,47) | |
oliwkowy | #6B8E23 | rgb(107,142,35) |
Kolor | Nazwa koloruHTML/CSS |
Kod szesnastkowy #RRGGBB |
Kod dziesiętny (R,G,B) |
---|---|---|---|
jasnobłękitny | #E0FFFF | rgb(224255255) | |
cyjan | #00FFFF | rgb(0,255,255) | |
wodny | #00FFFF | rgb(0,255,255) | |
akwamaryn | #7FFFD4 | rgb(127255212) | |
średniakwamaryn | #66CDAA | rgb(102205170) | |
bladoturkusowy | #AFEEEE | rgb(175238238) | |
turkus | #40E0D0 | rgb(64224208) | |
średniturkusowy | #48D1CC | rgb(72209204) | |
ciemnoturkusowy | #00CED1 | rgb(0,206,209) | |
jasnomorski | #20B2AA | rgb(32,178,170) | |
niebieski kadet | #5F9EA0 | rgb(95,158,160) | |
ciemnocyjan | #008B8B | rgb(0,139,139) | |
cyraneczka | #008080 | rgb(0,128,128) |
Kolor | Nazwa koloruHTML/CSS |
Kod szesnastkowy #RRGGBB |
Kod dziesiętny (R,G,B) |
---|---|---|---|
pudrowoniebieski | #B0E0E6 | rgb(176224230) | |
jasny niebieski | #ADD8E6 | rgb(173216230) | |
jasnoniebieski | #87CEFA | rgb(135206250) | |
niebieskie niebo | #87CEEB | rgb(135206235) | |
ciemnoniebieski | #00BFFFF | rgb(0,191,255) | |
jasnostalowoniebieski | #B0C4DE | rgb(176196222) | |
niebieski | #1E90FF | rgb(30144255) | |
chabrowy | #6495ED | RGB(100149237) | |
stalowo - niebieski | #4682B4 | rgb(70130180) | |
Królewski niebieski | #4169E1 | rgb(65,105,225) | |
niebieski | #0000FF | rgb(0,0,255) | |
średni niebieski | #0000CD | rgb(0,0,205) | |
ciemny niebieski | #00008B | rgb(0,0,139) | |
marynarka wojenna | #000080 | rgb(0,0,128) | |
niebieska północ | #191970 | rgb(25,25,112) | |
średniniebieski | #7B68EE | rgb(123104238) | |
odcień niebieskiego | #6A5ACD | rgb(106,90,205) | |
ciemnoniebieski | #483D8B | rgb(72,61,139) |
Kolor | Nazwa koloruHTML/CSS |
Kod szesnastkowy #RRGGBB |
Kod dziesiętny (R,G,B) |
---|---|---|---|
lawenda | #E6E6FA | rgb(230,230,250) | |
oset | #D8BFD8 | rgb(216191216) | |
śliwka | #DDA0DD | rgb(221,160,221) | |
fioletowy | #EE82EE | rgb(238,130,238) | |
orchidea | #DA70D6 | rgb(218112214) | |
fuksja | #FF00FF | rgb(255,0,255) | |
magenta | #FF00FF | rgb(255,0,255) | |
średniorchidea | #BA55D3 | rgb(186,85,211) | |
średnifioletowy | #9370DB | rgb(147112219) | |
niebieskofioletowy | #8A2BE2 | rgb(138,43,226) | |
ciemny fiolet | #9400D3 | rgb(148,0,211) | |
ciemna orchidea | #9932CC | rgb(153,50,204) | |
ciemnomagenta | #8B008B | rgb(139,0,139) | |
fioletowy | #800080 | rgb(128,0,128) | |
indygo | #4B0082 | rgb(75,0,130) |
Kolor | Nazwa koloruHTML/CSS |
Kod szesnastkowy #RRGGBB |
Kod dziesiętny (R,G,B) |
---|---|---|---|
różowy | #FFC0CB | rgb(255,192,203) | |
jasnoróżowy | #FFB6C1 | rgb(255,182,193) | |
gorący róż | #FF69B4 | rgb(255,105,180) | |
głęboki róż | #FF1493 | rgb(255,20,147) | |
bladofioletowy | #DB7093 | rgb(219,112,147) | |
średniofioletowy | #C71585 | rgb(199,21,133) |
Kolor | Nazwa koloruHTML/CSS |
Kod szesnastkowy #RRGGBB |
Kod dziesiętny (R,G,B) |
---|---|---|---|
biały | #FFFFFF | rgb(255255255) | |
śnieg | #FFFAFA | rgb(255,250,250) | |
spadziowy | #F0FFF0 | rgb(240,255,240) | |
miętowy | #F5FFFA | rgb(245255250) | |
lazur | #F0FFFF | rgb(240,255,255) | |
Alicjaniebieska | #F0F8FF | RGB(240248255) | |
biały duch | #F8F8FF | RGB(248248255) | |
biały dym | #F5F5F5 | rgb(245245245) | |
muszla | #FFF5EE | rgb(255245238) | |
beżowy | #F5F5DC | rgb(245245220) | |
staroć | #FDF5E6 | rgb(253245230) | |
kwiatowybiały | #FFFAF0 | rgb(255,250,240) | |
kość słoniowa | #FFFF0 | rgb(255255240) | |
antyczna biel | #FAEBD7 | rgb(250235215) | |
bielizna | #FAF0E6 | rgb(250,240,230) | |
lawendowy rumieniec | #FFF0F5 | rgb(255,240,245) | |
mglista róża | #FFE4E1 | rgb(255228225) |
Kolor | Nazwa koloruHTML/CSS |
Kod szesnastkowy #RRGGBB |
Kod dziesiętny (R,G,B) |
---|---|---|---|
zyskiboro | #DCDCDC | rgb(220220220) | |
jasny szary | #D3D3D3 | rgb(211211211) | |
srebro | #C0C0C0 | rgb(192,192,192) | |
ciemny szary | #A9A9A9 | rgb(169,169,169) | |
szary | #808080 | rgb(128,128,128) | |
przyćmiony | #696969 | rgb(105,105,105) | |
jasnoszary | #778899 | rgb(119,136,153) | |
popielaty | #708090 | rgb(112,128,144) | |
ciemnoszary | #2F4F4F | RGB(47,79,79) | |
czarny | #000000 | RGB(0,0,0) |
Kolor | Nazwa koloruHTML/CSS |
Kod szesnastkowy #RRGGBB |
Kod dziesiętny (R,G,B) |
---|---|---|---|
kukurydza | #FFF8DC | rgb(255248220) | |
blanszowany migdał | #FFEBCD | rgb(255235205) | |
for | #FFE4C4 | rgb(255228196) | |
biały navajo | #FFDEAD | rgb(255222173) | |
pszenica | #F5DEB3 | RGB(245222179) | |
burlywood | #DEB887 | rgb(222,184,135) | |
dębnik | #D2B48C | rgb(210,180,140) | |
różowobrązowy | #BC8F8F | rgb(188,143,143) | |
piaskowobrązowy | #F4A460 | rgb(244,164,96) | |
nawłoć | #DAA520 | rgb(218,165,32) | |
Peru | #CD853F | rgb(205,133,63) | |
czekolada | #D2691E | rgb(210,105,30) | |
siodło brązowe | #8B4513 | RGB(139,69,19) | |
sjena | #A0522D | rgb(160,82,45) | |
brązowy | #A52A2A | rgb(165,42,42) | |
kasztanowaty | #800000 | rgb(128,0,0) |
Nasze narzędzie kodów kolorów CSS pozwala użytkownikom na kody kolorów CSS.Niektóre z najważniejszych funkcji tego narzędzia wyjaśniono poniżej.
Przyjazny dla użytkownika interfejs naszego narzędzia do kodowania kolorów CSS zapewnia łatwość natychmiastowego przeprowadzenia tej konwersji.Dzięki prostocie tego narzędzia nie musisz już nabywać umiejętności programowania dla kodów kolorów CSS.
Nie musisz przechodzić przez żaden proces rejestracji, aby korzystać z kodów kolorów CSS.Korzystając z tego narzędzia, możesz kody kolorów CSS Tool tyle razy, ile chcesz za darmo.
Dostęp do tych kodów kolorów CSS można uzyskać z dowolnego zakątka świata.Nie musisz się martwić o kompatybilność tego narzędzia online, ponieważ możesz nim kodować kolory CSS z dowolnego urządzenia.Wszystko, czego potrzebujesz, to połączenie internetowe, aby uzyskać dostęp i korzystać z tego narzędzia kodów kolorów CSS.
Kody kolorów CSS umożliwiają natychmiastowe wykonanie tego samego zadania.Nie zostaniesz poproszony o przestrzeganie ręcznych procedur, ponieważ zautomatyzowane algorytmy wykonają pracę za Ciebie.
Narzędzie do kodowania kolorów CSS doskonale działa na wszystkich systemach operacyjnych.Niezależnie od tego, czy masz urządzenie Mac, iOS, Android, Windows czy Linux, możesz z łatwością korzystać z tego narzędzia online bez żadnych problemów.
Nie musisz przechodzić przez żaden proces rejestracji, aby korzystać z tego narzędzia kodów kolorów CSS.Możesz używać tego narzędzia za darmo i tworzyć nieograniczone kody kolorów CSS bez żadnych ograniczeń.