Модель | Пример |
HEX | #FF5733 |
RGB | rgb(255, 87, 51) |
HSL | hsl(11, 100%, 60%) |
Названия цветов | red, blue, coral |
- По имени тега:
p { color: navy; }
- По классу:
.highlight { background-color: #FFFF00; }
- По идентификатору:
#header { border-color: rgb(0,128,0); }
- Инструмент "Пипетка" для выбора цвета
- Панель "Цвет" для точной настройки
- Редактирование через Hue/Saturation (Ctrl+U)
- Цветовые профили и коррекция изображения
Инструмент | Назначение |
Color Picker | Выбор цвета из изображения |
Color Balance | Баланс цветов |
Levels | Коррекция уровней цвета |
- Через свойство style:
element.style.color = 'blue';
- С использованием классов:
element.classList.add('new-color');
- Анимация перехода цветов с помощью CSS transitions
Python (библиотека PIL)
- Установка:
pip install pillow
- Изменение цвета пикселей:
- Открытие изображения:
img = Image.open('image.jpg')
- Преобразование:
img = img.convert('RGB')
- Изменение:
pixels = img.load()
Преобразование | Формула/метод |
RGB в HEX | Канал → двузначное шестнадцатеричное |
HEX в RGB | Разбиение на три пары символов |
RGB в HSL | Сложные математические преобразования |
- Adobe Color Wheel - подбор гармоничных цветов
- Coolors - генератор цветовых палитр
- ColorZilla - расширение для браузеров
- Paletton - создание цветовых схем
Выбор метода изменения цвета зависит от конкретной задачи и используемых инструментов. Современные технологии предоставляют широкие возможности для точной настройки и преобразования цветов.