Коди кольорів CSS

Коди кольорів та назви CSS.

• Червоні кольори
• Помаранчеві кольори
• Жовті кольори
• Зелені кольори
• Блакитні кольори
• Сині кольори
• Фіолетові кольори
• Рожеві кольори
• Білі кольори
• Сірі кольори
• Коричневі кольори

Колір 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>

Червоні кольори

Помаранчеві кольори

Жовті кольори

Зелені кольори

Блакитні кольори

Сині кольори

Фіолетові кольори

Рожеві кольори

Білі кольори

Сірі кольори

Коричневі кольори

Дивіться також

• Панель навігації CSS