Числові значення RGB, CMYK, HSV можна визначити в програмі Photoshop, відкривши вікно Color Picker (клацніть по квадратному значку палітри кольорів) і вибираючи колір на редагованому малюнку з допомогою інструмента Піпетка.

19.02.2017

HTML-кольори, їх коди та назви

Числові значення RGB, CMYK, HSV можна визначити в програмі Photoshop, відкривши вікно Color Picker (клацніть по квадратному значку палітри кольорів) і вибираючи колір на редагованому малюнку з допомогою інструмента  Піпетка.

Для дизайнерської роботи з фотографіями і різною графікою, необхідно мати откалиброванное обладнання — монітор, принтер і сканер.

Використання, так званої, «безпечної палітри» (Web-safe color) — було необхідно для передачі кольору без спотворень на екрані монітора, у ті давні часи, коли ще працювали дуже старі 8-бітні комп’ютери з підтримкою всього 256 кольорів (216+40), які могли бути відображені одночасно. Зараз таких обмежень немає на більшості пристроїв (можуть бути проблеми на стороні софта, наприклад, браузера IE6), що мають сучасні відеоадаптери, навіть на мобільних, але восьмібітних графічні формати і далі широко використовуються як метод стиснення графіки. При цьому, значення R, G і B зберігаються у спеціальній таблиці (панелі) і кожного пікселя зображення задається номер кольору (від 0 до 255) з цієї п а л і т р и. Кількість палитровых індексованих кольорів можна зробити і менше 256, для зменшення розміру файлу з картинкою. Палитровая таблиця зашита в самому графічному файлі (GIF, PNG).

У програмі Photoshop є можливість замінити наявну на зображенні колір найближчим зі стандартною, для монітора, Web-палітри («256 colors»), натиснувши на «аварійний кубик» (розташований поруч з кнопок OK, Cancel) у вікні «Color Picker». При цьому, можлива істотна різниця вихідної і отриманої забарвлення.

Пробу кольору, для порівняння, можна робити прямо з цієї сторінки — з допомогою спец. програм або в графічному редакторі, скопіювавши туди скрін з екрану (скріншот кнопками Alt + PrtSc у верхньому рядку клавіатури).

Налаштування кольору для сторінок сайту задаються в таблицях стилів оформлення — в зовнішніх CSS-файли або прямо в HTML-коді сторінки. Це можна зробити різними способами: за допомогою фіксованих назв кольорів Windows (наприклад, black, white, red тощо), або в цифровому вигляді, з обмеженим дипазоном чисел у десятковій, процентному або HEX-форматі ( 0 – 255, #000000 – #FFFFFF, 0.0% – 100.0% ):

style=»color: red;»

color: #ff0000;

color: rgb(100%, 0%, 0%); або rgb(255, 0, 0);

В CSS3 введена модель RGB з альфа-каналом прозорості (0.1 — мінімальна видимість, 0.9 — максимальна):

style=»color: rgba(255, 0, 0, 0.5);»

Для валідності (відповідності Інтернет-стандартам W3C) HTML коду вашого сайту, треба позначити колір для тексту і для фону елементів сторінки:

16 Основні HTML-кольорів:

Короткий опис статті: назви кольорів і відтінків кольорів, палітра, список, каталог, таблиця, css, html, назва кольору, photoshop, rgb color names, дизайн

Джерело: HTML-кольори, їх коди, опис і назви на російській і англійській мові

Також ви можете прочитати