Коди кольорів і назви CSS.
Код кольору може бути одним із:
Шістнадцятковий формат: #rrggbb
Формат RGB: rgb (червоний, зелений, синій)
Формат імені: назва
Для помаранчевого кольору:
Шістнадцятковий формат: #FFA500
Формат RGB: rgb(255,165,0)
Формат імені: оранжевий
Для конкретного елемента:
<element style="color: code;"></element>
Для всіх елементів одного типу.Вставте код у тег <style> у розділі head:
<style>
element { color: code; }
</style>
Встановлення червоного кольору тексту абзацу:
Налаштування кольору конкретного абзацу:
<p style="color: #FF0000;">Some text ...</p>
Переглянути:
Трохи тексту...
Налаштування кольору всіх абзаців
<style>
p { color: #FF0000; }
</style>
element { background: code; }
Встановлення червоного кольору тла абзацу:
Встановлення кольору фону конкретного абзацу:
<p style="background: #FF0000;">Some text ...</p>
Переглянути:
Трохи тексту...
Встановлення кольору фону для всіх абзаців:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
Встановлення кольору рамки абзацу на червоний, зелений, синій і чорний:
Встановлення кольору рамки конкретного абзацу:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
Переглянути:
Трохи тексту...
Встановлення кольору межі всіх абзаців:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
| Колір | Назва кольоруHTML / CSS |
Шістнадцятковий код #RRGGBB |
Десятковий код (R,G,B) |
|---|---|---|---|
| світлий лосось | #FFA07A | rgb(255,160,122) | |
| лосось | #FA8072 | rgb(250,128,114) | |
| темний лосось | #E9967A | rgb(233,150,122) | |
| світлокораловий | #F08080 | rgb(240,128,128) | |
| індійський червоний | #CD5C5C | rgb(205,92,92) | |
| малиновий | #DC143C | rgb(220,20,60) | |
| вогнетривка цегла | #B22222 | rgb(178,34,34) | |
| червоний | #FF0000 | rgb(255,0,0) | |
| темно-червоний | #8B0000 | rgb(139,0,0) |
| Колір | Назва кольоруHTML / CSS |
Шістнадцятковий код #RRGGBB |
Десятковий код (R,G,B) |
|---|---|---|---|
| кораловий | #FF7F50 | rgb(255,127,80) | |
| помідор | #FF6347 | rgb(255,99,71) | |
| помаранчевий | #FF4500 | rgb(255,69,0) | |
| золото | #FFD700 | rgb(255,215,0) | |
| помаранчевий | #FFA500 | rgb(255,165,0) | |
| темно-оранжевий | #FF8C00 | rgb(255,140,0) |
| Колір | Назва кольоруHTML / CSS |
Шістнадцятковий код #RRGGBB |
Десятковий код (R,G,B) |
|---|---|---|---|
| світло-жовтий | #FFFFE0 | rgb(255,255,224) | |
| лимончик | #FFFACD | rgb(255,250,205) | |
| світло-золотисто-жовтий | #FAFAD2 | rgb(250,250,210) | |
| papayawhip | #FFEFD5 | rgb (255 239 213) | |
| мокасин | #FFE4B5 | rgb(255 228 181) | |
| peachpuff | #FFDAB9 | rgb(255 218 185) | |
| золотушник | #EEE8AA | rgb (238 232 170) | |
| хакі | #F0E68C | rgb(240,230,140) | |
| темний хакі | #BDB76B | rgb(189,183,107) | |
| жовтий | #FFFF00 | rgb(255,255,0) |
| Колір | Назва кольоруHTML / CSS |
Шістнадцятковий код #RRGGBB |
Десятковий код (R,G,B) |
|---|---|---|---|
| газон зелений | #7CFC00 | rgb(124,252,0) | |
| шартрез | #7FFF00 | rgb(127,255,0) | |
| зелений лайм | #32CD32 | rgb(50,205,50) | |
| вапно | #00FF00 | rgb(0,255,0) | |
| лісовозелений | #228B22 | rgb(34,139,34) | |
| зелений | #008000 | rgb(0,128,0) | |
| темно-зелений | #006400 | rgb(0,100,0) | |
| зелено-жовтий | #ADFF2F | rgb(173,255,47) | |
| жовто-зелений | #9ACD32 | rgb(154,205,50) | |
| веснянозелений | #00FF7F | rgb(0,255,127) | |
| середньовеснянозелений | #00FA9A | rgb(0,250,154) | |
| світло-зелений | #90EE90 | rgb(144 238 144) | |
| блідозелений | #98FB98 | rgb(152,251,152) | |
| темно-зелений | #8FBC8F | rgb(143,188,143) | |
| середньоморсько-зелений | #3CB371 | rgb(60,179,113) | |
| морська зелень | #2E8B57 | rgb(46,139,87) | |
| оливковий | #808000 | rgb(128,128,0) | |
| темно-зелений | #556B2F | rgb(85,107,47) | |
| olivedrab | #6B8E23 | rgb(107,142,35) |
| Колір | Назва кольоруHTML / CSS |
Шістнадцятковий код #RRGGBB |
Десятковий код (R,G,B) |
|---|---|---|---|
| світло-блакитний | #E0FFFF | rgb(224,255,255) | |
| блакитний | #00FFFF | rgb(0,255,255) | |
| аква | #00FFFF | rgb(0,255,255) | |
| аквамарин | #7FFFD4 | rgb(127 255 212) | |
| середній аквамарин | #66CDAA | rgb(102,205,170) | |
| блідо-бірюзовий | #AFEEEE | rgb (175 238 238) | |
| бірюзовий | #40E0D0 | rgb (64 224 208) | |
| середньобірюзовий | #48D1CC | rgb (72 209 204) | |
| темно-бірюзовий | #00CED1 | rgb(0,206,209) | |
| світломорсько-зелений | #20B2AA | rgb(32 178 170) | |
| cadetblue | #5F9EA0 | rgb(95,158,160) | |
| темно-блакитний | #008B8B | rgb(0,139,139) | |
| чирок | #008080 | rgb(0,128,128) |
| Колір | Назва кольоруHTML / CSS |
Шістнадцятковий код #RRGGBB |
Десятковий код (R,G,B) |
|---|---|---|---|
| синій | #B0E0E6 | rgb(176 224 230) | |
| блакитний | #ADD8E6 | rgb(173 216 230) | |
| світло-блакитний | #87CEFA | rgb (135 206 250) | |
| блакитне небо | #87CEEB | rgb(135 206 235) | |
| темно-блакитний | #00BFFF | rgb(0,191,255) | |
| lightsteelblue | #B0C4DE | rgb(176 196 222) | |
| доджерблю | #1E90FF | rgb(30 144 255) | |
| волошковий | #6495ED | rgb(100,149,237) | |
| сталевий синій | #4682B4 | rgb(70,130,180) | |
| Королівський синій | #4169E1 | rgb(65,105,225) | |
| блакитний | #0000FF | rgb(0,0,255) | |
| середньосиній | #0000CD | rgb(0,0,205) | |
| темно-синій | #00008B | rgb(0,0,139) | |
| флот | #000080 | rgb(0,0,128) | |
| опівнічно-блакитний | #191970 | rgb(25,25,112) | |
| середньошиферний синій | #7B68EE | rgb(123,104,238) | |
| шиферно-блакитний | #6A5ACD | rgb(106,90,205) | |
| темно-синій | #483D8B | rgb(72,61,139) |
| Колір | Назва кольоруHTML / CSS |
Шістнадцятковий код #RRGGBB |
Десятковий код (R,G,B) |
|---|---|---|---|
| лаванда | #E6E6FA | rgb(230,230,250) | |
| розторопша | #D8BFD8 | rgb(216 191 216) | |
| слива | #DDA0DD | rgb(221 160 221) | |
| фіолетовий | #EE82EE | rgb(238,130,238) | |
| орхідея | #DA70D6 | rgb(218,112,214) | |
| фуксія | #FF00FF | rgb(255,0,255) | |
| пурпуровий | #FF00FF | rgb(255,0,255) | |
| середня орхідея | #BA55D3 | rgb(186,85,211) | |
| середньофіолетовий | #9370DB | rgb(147,112,219) | |
| синьо-фіолетовий | #8A2BE2 | rgb(138,43,226) | |
| темно-фіолетовий | #9400D3 | rgb(148,0,211) | |
| темна корхідея | #9932CC | rgb(153,50,204) | |
| темно-пурпурний | #8B008B | rgb(139,0,139) | |
| фіолетовий | #800080 | rgb(128,0,128) | |
| індиго | #4B0082 | rgb(75,0,130) |
| Колір | Назва кольоруHTML / CSS |
Шістнадцятковий код #RRGGBB |
Десятковий код (R,G,B) |
|---|---|---|---|
| рожевий | #FFC0CB | rgb(255,192,203) | |
| світло-рожевий | #FFB6C1 | rgb(255,182,193) | |
| яскраво-рожевий | #FF69B4 | rgb(255,105,180) | |
| темно-рожевий | #FF1493 | rgb(255,20,147) | |
| палевофіолетовий | #DB7093 | rgb(219,112,147) | |
| середньофіолетовий | #C71585 | rgb(199,21,133) |
| Колір | Назва кольоруHTML / CSS |
Шістнадцятковий код #RRGGBB |
Десятковий код (R,G,B) |
|---|---|---|---|
| білий | #FFFFFF | rgb(255,255,255) | |
| сніг | #FFFAFA | rgb(255,250,250) | |
| медяна роса | #F0FFF0 | rgb(240,255,240) | |
| м'ятний крем | #F5FFFA | rgb(245,255,250) | |
| блакитний | #F0FFFF | rgb(240,255,255) | |
| aliceblue | #F0F8FF | rgb(240,248,255) | |
| ghostwhite | #F8F8FF | rgb(248,248,255) | |
| whitesmoke | #F5F5F5 | rgb(245,245,245) | |
| черепашка | #FFF5EE | rgb(255,245,238) | |
| бежевий | #F5F5DC | rgb(245,245,220) | |
| старовинне мереживо | #FDF5E6 | rgb(253 245 230) | |
| квітково-білий | #FFFAF0 | rgb(255,250,240) | |
| слонова кістка | #FFFFF0 | rgb(255,255,240) | |
| antiquewhite | #FAEBD7 | rgb (250 235 215) | |
| білизна | #FAF0E6 | rgb(250,240,230) | |
| лавандовий рум'янець | #FFF0F5 | rgb(255,240,245) | |
| mistyrose | #FFE4E1 | rgb(255,228,225) |
| Колір | Назва кольоруHTML / CSS |
Шістнадцятковий код #RRGGBB |
Десятковий код (R,G,B) |
|---|---|---|---|
| гейнзборо | #DCDCDC | rgb(220,220,220) | |
| світло-сірий | #D3D3D3 | rgb(211,211,211) | |
| срібло | #C0C0C0 | rgb(192,192,192) | |
| темно-сірий | #A9A9A9 | rgb(169,169,169) | |
| сірий | #808080 | rgb(128,128,128) | |
| темно-сірий | #696969 | rgb(105,105,105) | |
| світло-сланцево-сірий | #778899 | rgb(119 136 153) | |
| шиферно-сірий | #708090 | rgb(112,128,144) | |
| темносланцево-сірий | #2F4F4F | rgb(47,79,79) | |
| чорний | #000000 | rgb(0,0,0) |
| Колір | Назва кольоруHTML / CSS |
Шістнадцятковий код #RRGGBB |
Десятковий код (R,G,B) |
|---|---|---|---|
| кукурудзяний шовк | #FFF8DC | rgb (255 248 220) | |
| бланшований мигдаль | #FFEBCD | rgb(255,235,205) | |
| бісквіт | #FFE4C4 | rgb (255 228 196) | |
| navajowhite | #FFDEAD | rgb(255 222 173) | |
| пшениця | #F5DEB3 | rgb(245 222 179) | |
| бурливо | #DEB887 | rgb(222 184 135) | |
| загар | #D2B48C | rgb(210,180,140) | |
| рожево-коричневий | #BC8F8F | rgb(188,143,143) | |
| піщано-коричневий | #F4A460 | rgb(244,164,96) | |
| золототисячник | #DAA520 | rgb(218,165,32) | |
| Перу | #CD853F | rgb(205,133,63) | |
| шоколад | #D2691E | rgb(210,105,30) | |
| сідлокоричневий | #8B4513 | rgb(139,69,19) | |
| сієна | #A0522D | rgb(160,82,45) | |
| коричневий | #A52A2A | rgb(165,42,42) | |
| бордовий | #800000 | rgb(128,0,0) |
Наш інструмент кодування кольорів CSS дозволяє користувачам створювати коди кольорів CSS.Нижче наведено деякі визначні функції цієї утиліти.
Зручний інтерфейс нашого інструменту кодування кольорів CSS забезпечує легкість миттєвого перетворення.Вам більше не потрібно здобувати навички програмування для кольорових кодів CSS завдяки простоті цього інструменту.
Вам не потрібно проходити будь-який процес реєстрації, щоб використовувати коди кольорів CSS.За допомогою цієї утиліти ви можете безкоштовно створювати коди кольорів CSS скільки завгодно разів.
Ці коди кольорів CSS доступні з будь-якої точки світу.Вам не потрібно турбуватися про сумісність цього онлайн-інструменту, оскільки ви можете кодувати кольори CSS за допомогою нього з будь-якого пристрою.Все, що вам потрібно, це підключення до Інтернету для доступу та використання цього інструменту колірних кодів CSS.
Кольорові коди CSS дозволяють негайно виконати те саме завдання.Вас не попросять виконувати ручні процедури, оскільки його автоматизовані алгоритми зроблять роботу за вас.
Інструмент кольорових кодів CSS ідеально працює на всіх операційних системах.Незалежно від того, чи є у вас пристрій Mac, iOS, Android, Windows або Linux, ви можете легко користуватися цією онлайн-утилітою без будь-яких проблем.
Вам не потрібно проходити будь-який процес реєстрації, щоб використовувати цей інструмент кольорових кодів CSS.Ви можете використовувати цю утиліту безкоштовно та створювати необмежену кількість кольорових кодів CSS без будь-яких обмежень.
Advertising