Colormania

HSL

Цветовая модель HSL является представлением модели RGB в цилиндрической системе координат. HSL представляет цвета более интуитивным и понятным для восприятия образом, чем типичное RGB. Модель часто используется в графических приложениях, в палитрах цветов, и для анализа изображений.

HSL расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).

Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Lightness является процентным значением светлости (от 0% до 100%).

1. h1
   { color:
   hsl(120, 100%, 50%);
   } /* зелёный */
2. h2
   { color:
   hsl(120, 100%, 75%);
   } /* светло-зелёный */
3. h3
   { color:
   hsl(120, 100%, 25%);
   } /* тёмно-зелёный */
4. h4
   { color:
   hsl(120, 60%, 70%);
   } /* пастельный зеленый */

HSL поддерживается в IE9+, Firefox, Chrome, Safari, и в Opera 10+.

LAB

Цветовая модель LAB (CIELAB, «CIE 1976 L*a*b*») вычисляется из пространства CIE XYZ. При разработке Lab преследовалась цель создания цветового пространства, изменение цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с XYZ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.

При работе с изображениями часто требуется точно определить цвет пиксела. Это нужно для коррекции изображения или в дизайнерских работах для настройки цветовой гаммы фона, панелей или кнопок своей страницы в интернете или сайта.

Этот сервис позволит вам узнать цвет точки онлайн без скачивания и установки дополнительных программ. Работая в нашем сервисе онлайн пипетка, вы быстро и легко сможете узнать цвет любого фрагмента изображения.

Для этого необходимо загрузить картинку на сайт. Для загрузки файла, нажмите кнопку «Обзор». Выберите нужный файл с изображением и нажмите «Загрузить». Как только картинка загрузится, вы увидите её на экране. Затем нужно навести курсор на тот пиксель, цвет которого вы хотите определить. В отдельном окне вы сможете увидеть цвет пикселя, а в поле «Текущее значение» отобразится соответствующий номер пикселя в HTML и RGB цвета пикселя.

Сервис предусматривает сохранение кода цвета в формате HTML и RGB цвета. Для этого нужно навести курсор на нужный пиксель и щелкнуть левой кнопкой мыши. В поле «Сохраненные значения» в отдельном окне вы сможете увидеть цвет пикселя, а так же сохраненные значения кода пикселя в формате HTML и RGB цвета.

Imagecolorpicker — поможет понять, какие цвета использованы на картинке

Простой онлайн-сервис Imagecolorpicker позволяет быстро определить ключевую цветовую палитру.

Как определить цвет по фото с его помощью:

1. Залейте на сайт нужную картинку;
2. После загрузки сервис автоматически подскажет, какой цвет является доминирующим.

3. Нажмите на кнопку «Показать больше»;

   Где находится кнопка Узнать больше

4. Вы получите исчерпывающую информацию по любому из оттенков на палитре.

   Окно с дополнительной информацией

Сервисов для анализа основных цветов очень много. Поэтому можно выбрать вариант, наиболее подходящий под ваши личные предпочтения. Программы помогают определить нужный цвет фото по отдельно взятому пикселю онлайн. Это простой и общеупотребимый метод.

Как работать с сайтом Coolors.co

Инструкция

1. .
2. .
3. .
4. .
5. .
6. .

1. Идентификация цвета

В данной области отображается текущий цвет и его код / значения:

HTML Hex — шестнадцатеричный код для HTML;

Delphi Hex — шестнадцатеричный код для Delphi;

VB Hex — шестнадцатеричный код для Visual Basic;

C++ Hex — шестнадцатеричный код для C++;

RGB Values — значения RGB;

RGB %Values — значения RGB в процентах;

HSL — значения HSL;

HSV (HSB) — значения HSV (HSB);

CMY — значения CMY;

CMYK — значения CMYK;

Photoshop — значения для PhotoShop.

Кнопка Copy (Копировать) копирует код / значения текущего цвета в буфер обмена, а с помощью кнопки Set (Установить) или нажатием клавиши Enter можно отобразить цвет, соответствующий введённым данным; например, «#ffffff» или без символа решётки (#) — «ffffff» (регистр значения не имеет).

Показ текста в области отображения текущего цвета включается через , откуда также можно перейти к изменению его параметров: начертания, размера, шрифта.

2. Панель цветов RGB и HSV

Используется для определения цвета передвижением ползунков или вводом значений в соответствующие поля слева:

Red — красный;

Green — зелёный;

Blue — синий;

Brightness — яркость;

Hue — оттенок;

Satur. — насыщенность;

Value — значение.

3. Цветовая палитра

Позволяет сохранить 6 цветов и использовать их в следующий раз. Это делается с помощью кнопок Save (Сохранить) и Load (Загрузить).

Добавление цвета на палитру

Добавить текущий цвет на палитру можно двумя способами:

кликнуть правой кнопкой мыши в области (область отображения текущего цвета) и выбрать один из предложенных вариантов, соответствующих определённым местам на палитре:

кликнуть правой кнопкой мыши по одному из цветов палитры и выбрать Save Color Here (Сохранить цвет здесь):

Как видно из скриншота выше, в меню палитры есть и другие пункты:

Set as Background Color — установить как цвета фона;

Set as Text Color — установить как цвет текста;

Copy Color Description — копировать описание цвета (код / значения).

4. Предопределённые цвета HTML

В этой области можно выбрать один из предопределённых цветов HTML или же найти ближайший для текущего цвета, кликнув правой кнопкой мыши по выпадающему списку и выбрав Find Closest Color (Найти ближайший цвет):

Помимо этого, здесь находится кнопка Close (Закрыть), для закрытия программы.

5. Цветовой круг

В области №5 находится цветовой круг, с помощью которого также можно определять цвета, и несколько кнопок:

Invert — инвертирование цвета;

Random — выбор случайного цвета;

Dialog — интерактивная панель выбора цвета:

< — перейти к предыдущему цвету;

> — перейти к следующему цвету.

6. Пипетка и экранная лупа

С помощью пипетки можно узнать код / значения цвета точки экрана, вплоть до пикселя, так как вместе с ней работает экранная лупа с увеличением от 2 до 20 раз. Также здесь отображаются координаты пипетки (x, y), которые можно установить на ноль (0, 0) для любого положения указателя. Это используется при относительном отсчёте пикселей и делается через или с помощью при активной (нажатой) пипетке.

Как пользоваться пипеткой

Кликнув по кнопке пипетки левой кнопкой мыши и удерживая её, нужно переместить курсор в требуемую точку экрана, а затем отпустить кнопку; в этом случае, в области отобразится увеличенный участок вокруг последнего места указателя, где можно осуществить выбор цвета с большей точностью.

Перемещая пипетку по экрану, цвет в области отображения и увеличенный участок в области будут автоматически меняться.

Чтобы открыть меню, нужно кликнуть правой кнопкой мыши в любом месте окна программы или по иконке в трее (версия 5.0).

RGB

Цветовое пространство RGB (Red, Green, Blue) состоит из всех возможных цветов, которые могут быть получены путём смешивания красного, зелёного, и синего. Эта модель популярна в фотографии, телевидении, и компьютерной графике.

Значения RGB задаются целым числом от 0 до 255. Например, rgb(0,0,255) отображается как синий, так как синий параметр установлен в его самое высокое значение (255), а остальные установлены в 0.

Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).

1. h1
   { color:
   rgb(255, 0, 0);
   } /* красный */
2. h2
   { color:
   rgb(0, 255, 0);
   } /* зелёный */
3. h3
   { color:
   rgb(0, 0, 255);
   } /* синий */
4. h4
   { color:
   rgb(0%, 0%, 100%);
   } /* тот же синий, процентная запись */

Цветовые значения RGB поддерживаются во всех основных браузерах.

Разрешение изображения — что это

Разрешение изображения (фото, картинки) — это плотность пикселей из которого оно состоит в их количестве по вертикали и диагонали. От этого параметра будет зависеть насколько четкой и детализированной будет картинка. Это важный момент при выборе камер и других устройств, делающих фотографии или сканы.

Разрешение картинки, фотографии бывает самым разным, на данный момент с появлением мониторов с большим разрешением экрана, следует выбирать соответствующий контент. А устройства делающие снимки — с хорошей камерой с большим количество мегапикселей. Чтобы на фото пиксели были не видны — учитывайте этот момент.

В заключение

Вот вы и узнали, что такое пиксель это в информатике. Как видите все довольно легко и просто, в следующих статьях будут еще детальные статьи по данном теме, так что — заходит почаще!

Определение цвета в браузере Google Chrome

В браузере Google Chrome процесс определения цвета будет выглядеть аналогичным образом.

1. 1.Точно так же щелкаем правой кнопкой мышки по интересующему нас элементу.
2. 2.Выбираем пункт «Просмотреть код»
3. 3.Далее, у нас открывается аналогичный инспектор. Единственное, у вас он может быть как в горизонтальном расположении, как у меня, так и в вертикальном, когда панель будет находиться справа.
4. 4.Здесь мы находим панель отображения css-свойств, и нажимаем на значок одного из цветов.
   = cvet6=
5. 5.Далее, у нас открывается инструмент определения цвета, который, в принципе, похож на тот, который был в Mozilla Firefox. Единственное, что здесь еще можно задавать прозрачность цвета, выбирать цветовую гамму, и так же он может определять цвета не только в шестнадцатеричном формате, но и в формате RGB и RGBA.

6. 6.Для точного определения цвета так же нажимаем на значок пипетки, наводим курсор на тот элемент, цвет которого мы хотим определить, и щелкаем левой кнопкой мыши.

   При этом, здесь сразу же отображается его цвет. Если нам нужен другой формат цвета, то мы можем изменить его при помощи стрелочек вверх и вниз.

7. 7.Точно так же, копируем значение этого цвета, и затем вставляем его в наш css-файл.

Как и в Mozilla Firefox, после того как мы выбрали цвет в окне предпросмотра элемент подсветился таким же цветом, который мы выбрали. Однако при обновлении страницы все эти изменения исчезнут, и цвет станет таким же, как он задан в css изначально. То есть, для того, что бы эта кнопка стала такого же цвета, как и меню на сайте, мне нужно внести изменения в css-файл.

Виды пипеток

Традиционно пипетки изготавливали из стекла, в последнее время всё шире применяют разнообразные полимерные материалы.

Медицинские пипетки

Наиболее распространены пипетки для вливания лекарственных препаратов в виде капель (в глаза, в нос или уши). Такие пипетки состоят из отрезка стеклянной трубки, один из концов трубки, сильно оплавленный или оттянутый, имеет небольшое отверстие, а другой — закрыт гибкой резиновой (или полимерной) ёмкостью (трубка, шарик) и предназначен для забора жидкости в пипетку путём всасывания.

В медицинской микробиологии существует также особое устройство — Пастеровская пипетка (пипетка Пастера).

Мерные пипетки для химических и биохимических исследований

Ручная микропипетка

Чаще всего это стеклянный сосуд, применяемый для точного измерения (дозирования) объёма жидкости.

Выпускают различные типы мерных пипеток для самых разных целей, с различными классами точности и на разные объёмы.

Традиционные стеклянные пипетки для аналитической химии выпускают двух типов:

• мерная пипетка Мора (неградуированная), на заданный объём (1, 5, 10, 20, 50, 100, 200 мл и др.) Пипетки Мора имеют одну круговую метку в верхней части и предназначены для отбора проб жидкостей определенного объёма. Такие пипетки обычно обеспечивают меньшую погрешность измерения, нежели градуированные. ГОСТ 29169-91 определяет допустимые погрешности пипеток. Погрешность зависит от измеряемого объёма, так пипетка вместимостью 25 мл имеет допустимую погрешность измерения 25±0,06 мл.
• градуированные (обычно цилиндрические, на 1, 2, 10 мл и др.) Например, пипетки на 5 мл обычно градуируют через 0.5 мл. Градуированные пипетки позволяют измерять объём обычно с точностью ± 0.1 или 0.2 мл.

Пипетки Мора с одной меткой иногда называют аликвотными пипетками.

В лабораторной практике СССР до середины XX века забор жидкости в химические пипетки производился чаще всего путём засасывания ртом, что приводило к многочисленным несчастным случаям и травмам. С конца XX века всех обучают заполнению пипеток (даже безвредными жидкостями) с помощью резиновой или ПВХ груши. Реже используют более удобные приспособления (резиновые груши с клапаном, механические регуляторы заполнения уровня, электронные пипет-пистолеты).

Микропипетки

Оксфордские одноканальные пипетки

Микропипетки по Gilson

Микропипетки — наиболее точные и качественные инструменты для измерения малых объёмов жидкости (1-1000 мкл (μl). Они широко применяются в биологии и химии.

В XIX-XX вв. стеклянные микропипетки представляли собой градуированный капилляр из стекла, с коническим носиком.

Для современных пипеток простой конструкции с уплотнениями сухого типа после непродолжительного дозирования концентрированных кислот или агрессивных растворов достаточно разобрать пипетку, осмотреть и промыть узлы (поршень, трубку и уплотнения поршня) дистиллированной водой. Тщательно высушить все детали и собрать пипетку.
Длительное воздействие паров агрессивных веществ может привести к преждевременному износу уплотнений и повреждению поршня. Воздействие агрессивных паров на внутренние элементы дозатора снижается в случае применения наконечников с противоаэрозольными фильтрами. Конструкции пипеток ряда производителей предусматривают предохранительный фильтр в месте соединения с наконечником.

Микропипетками называют также электроды для локальной фиксации потенциала.

LAB

Определение цвета при помощи специальной программы

Eye Dropper — расширение для идентификации цифрового колора

Возможно, еще кто-нибудь не знает, но расширения в браузере являются дополнительными инструментами. Они доступны в специальных магазинах. Так как Google Chrome является одним из популярных программ для серфинга в интернете, в его магазине больше всего таких мини-программ. Но нам не нужны все, а только Eye Dropper. Магазин Chrome находится на странице https://chrome.google.com/webstore/category/extensions?hl=ru. Чтобы найти расширение, выберите слева вверху строку поиска и введите в ней название.

Поиск Eye Dropper в магазине расширений Chrome

Это расширение является своеобразной пипеткой для браузера. При этом она будет работать повсеместно и выбирать для вас любой пиксель. После чего предоставлять всю нужную информацию по цвету. Это очень удобно, и к тому же не нужно ничего копировать или вставлять. Когда вы найдете расширение, выберите напротив него кнопку «Установить». Вверху на панели браузера Chrome появится маленькое изображение пипетки. Чтобы начать с ней работать нажмите на неё.

Дальнейший порядок действий:

1. Откроется контекстное меню, где для выбора оттенка в браузере нужно нажать кнопку «Pick color from web-page»;Расширение Google Chrome Eye Dropper
2. Указателем выберите нужный участок на экране, он тут же копируется. А цветовой квадратик возле пипетки примет оттенок, который вы выбрали;
3. Слева в информационном блоке расширения будут числовые значение в RGB, HSL, HTML и др. Чтобы удалить текущий колор, нажмите корзинку под кнопкой выбора;

   Инструменты Eye Dropper

4. Вы можете загрузить данные цвета в формате CSV, который можно открыть программой MS Excel.

При этом небольшое расширение Eye Dropper позволяет автоматически копировать данные выбранного цвета на мониторе. Есть настройка горячих клавиш для быстрого запуска в браузере, а также история всех выбранных раннее вариантов. Если вы пользуетесь браузером Google Chrome и вам часто необходимо определять цвета разных пикселей online, то это расширение несомненно для вас.

TN

Является самым старым типом жидкокристаллической матрицы.
Технология использует жидкие кристаллы, которые закручиваются по спирали после
подачи напряжения. Если красные, зеленые и синие ячейки одновременно полностью
освещены, на экране образуется белая точка. В случае подачи напряжения
кристаллы «запирают» свет, создавая темную точку.

Преимущества: низкая себестоимость и простота технологии.
Дисплеи имеют максимальную скорость отклика — порядка 1 миллисекунды. Технологию
TN используют устройства с самой высокой частотой вертикальной развертки —
более 200 Гц.

Недостатки: худшая цветопередача, наименьшие углы обзора, постеризация изображения. Качество картинки зависит от перемещений пользователя — даже небольшого отклонения от идеального положения прямо перед монитором обычно достаточно, чтобы цвет и контраст серьезно изменились.

ВАЖНО: Угол обзора — максимальный угол, под которым на экран можно
смотреть без существенной деградации качества изображения. IPS

IPS

Данный тип матрицы был разработан компанией Hitachi, чтобы
избавиться от недостатков TN. Отличие технологии в расположении жидких
кристаллов — они не скручиваются в спираль, а расположены параллельно друг
другу. При отсутствии напряжения на электродах свет не пропускается, возникает естественный
черный цвет, тогда как на TN он темно-серый.

Преимущества: углы обзора составляют 170 градусов по
горизонтали и вертикали, картинка стабильна независимо от расположения
пользователя. Дисплеи выделяются естественной цветопередачей и неплохой
контрастностью. Есть много разновидностей матриц IPS — PLS, AH-IPS, E-IPS, для
потребителя они практически ничем не отличаются.

Недостатки: технология сложнее, в результате такие матрицы
дороже и потребляют больше электроэнергии. Чтобы повернуть весь массив кристаллов,
требуется время, поэтому время отклика больше. Для первых поколений оно
составляло 35-25 миллисекунд. Матрицы часто страдают эффектом Glow — высветлением
темных участков при отклонении угла обзора.

ВАЖНО: Чем медленнее отклик, тем дольше изображение остается смазанным при движении. Пользователь в этом случае видит на мониторе шлейф движущегося объекта

Высокий отклик важен только для динамичных игр, в обычных приложениях такой эффект незаметен на всех типах дисплеев.

Определение цвета стандартными инструментами браузера

Я буду показывать, как это можно сделать на примере браузера Mozilla Firefox и Google Chrome. Здесь, для того, что бы определить цвет какого-то элемента я могу щелкнуть правой кнопкой мыши по тому элементу, для которого я хочу задать цвет и в раскрывающемся списке выбрать здесь пункт «Исследовать элемент».

При этом, в нижней части экрана откроется окно инспектора, где можно просматривать код страницы, а так же css-свойства, которые задаются для каждого элемента.

Для данной кнопки у меня отображается в качестве фона серый цвет и если щёлкнуть левой кнопкой мышки по кружочку с цветом, то откроется вот такая палитра:

При помощи данной палитры также можно подбирать нужный цвет, но для точного определения цвета нужно:

1.Кликнуть на значок пипетки

2.Навести курсор на тот элемент сайта, цвет которого мы хотим определить

В данном случае это будет меню.

Обратите внимание, что возле курсора появляется увеличивающаяся область, благодаря которой мы можем определить цвет даже для каких-то не больших элементов на странице сайта.

3.После того, как вы выбрали тот цвет, который вам нужен, просто нажимаете левую кнопку мышки. Сразу же после этого значение цвета того элемента, для которого вы инспектировали свойства, изменится

И эти изменения вы можете сразу же увидеть на предпросмотре.

Кнопка «Отправить заявку» сразу же стала такого же цвета, как и меню. Однако для того, что бы эти изменения сохранились и применились на сайте, вам нужно скопировать значение данного цвета на панели отображения css-свойств, и затем вставить его в файл стилей вашей темы style.css.

Для этого вы можете воспользоваться либо визуальным редактором WordPress, либо какой-то другой программой для редактирования кода.

Изменения нужно вносить в файл:

/wp-content/themes/название вашей темы/style.css

Все изменения вносим в самый конец файла.

Для смены фона данного элемента нужно определить его класс или идентификатор. Как это делать я показывала в этой статье.

Затем, для этого элемента нужно задать свойство background, и вставить значение того цвета, который мы только что определили. После этого нужно сохранить изменения.

В файле style.css это будет выглядеть примерно так:

CSS

.test-btn{
background:# #2F73B6;
}

1 2 3

.test-btn{ background##2F73B6; }

Только вместо test-btn будет значение класса или идентификатора вашего элемента.

HSLA

По аналогии с RGB/RGBA, для HSL имеется режим HSLA с поддержкой альфа-канала для указания непрозрачности объекта.

Значение цвета HSLA задается в виде: hsla(hue, saturation, lightness, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

1. h1 { color: hsl(120, 100%, 50%); } /* зелёный в обычном HSL */
2. h2 { color: hsla(120, 100%, 50%, 1); } /* тот же зелёный в HSLA, потому как непрозрачность: 100% */
3. h3 { color: hsla(120, 100%, 50%, 0.5); } /* непрозрачность: 50% */
4. h4 { color: hsla(120, 100%, 50%, .155); } /* непрозрачность: 15.5% */
5. h5 { color: hsla(120, 100%, 50%, 0); } /* полностью прозрачный */

Определение цвета стандартными инструментами браузера

RGB

Горячие клавиши

Формат цвета

• Ctrl+H — шестнадцатеричный код для HTML;
• Ctrl+D — шестнадцатеричный код для Delphi;
• Ctrl+B — шестнадцатеричный код для Visual Basic;
• Ctrl+R — значения RGB;
• Ctrl+K — значения CMYK;
• Ctrl+P — значения для PhotoShop.

Усреднение (версия 5.0)

• Ctrl+Alt+1 — точный цвет пикселя (без усреднения);
• Ctrl+Alt+3 — усреднение 3×3 пикселя;
• Ctrl+Alt+5 — усреднение 5×5 пикселей.

Zoom

• Shift+F1 — zoom 1x;
• Shift+F2 — zoom 2x;
• Shift+F3 — zoom 3x;
• Shift+F4 — zoom 4x;
• Shift+F5 — zoom 5x;
• Shift+F6 — zoom 6x;
• Shift+F7 — zoom 7x;
• Shift+F8 — zoom 8x;
• Shift+F9 — zoom 9x;
• Shift+F10 — zoom 10x;
• Ctrl+Alt+Q — очистить область увеличения.

Координаты

• Ctrl+Alt+C — задать нулевые координаты (0, 0) для текущего положения пипетки;
• Ctrl+Alt+X — сбросить координаты (начало отсчёта — левый угол экрана).

Эти комбинации работают только при активной (нажатой) пипетке.

5 последних уроков рубрики «HTML и DHTML»

• При написании или отладки PHP скриптов мы частенько пользуемся функциями var_dump() и print_r() для вывода предварительных данных массив и объектов. В этом посте я бы хотел рассказать вам о функции var_export(), которая может преобразовать массив в формат, пригодный для PHP кода.

• Парочка бесплатных шаблонов панелей администрирования.

• Создание шаблона для письма не такое уж простое дело. Предлагаем вам подборку из 30 сайтов, где можно бесплатно скачать подобные шаблоны на любой вкус.

• К примеру у вас есть поле поиска, которое обрабатывается при каждом нажатии клавиши клавиатуры. Если кто-то захочет написать слово Windows, AJAX запрос будет отправлен по следующим фрагментам: W, Wi, Win, Wind, Windo, Window, Windows. Проблема?.

Ваш цветотип

Но как быть женщинам, чьи волосы одолела седина, естественный цвет волос уже не виден. В поисках своего идеального тона они должны ориентироваться по цветотипу своей внешности. Кстати, такой метод могут применять не только женщины с сединой, но и все, кто желает определиться с колором, поскольку он считается самым достоверным и удобным. Цветотип определяют по тону кожи и глаз. Основными кожными тонами считаются светлый, темный, смуглый, оливковый и средний. Каждый из этих оттенков может присутствовать в холодном, теплом или нейтральном подтоне.

На подтон вашей кожи укажет цвет вен на запястье. На теплой коже они кажутся оливковыми, на холодной – сине-фиолетовыми. Нейтральная кожа придает им сине-зеленый оттенок. Холодная дерма бледная, с легким розовым оттенком и матовой поверхностью. Теплая кожа отдает желтым, персиковым либо оливковым отливом.

Определяясь с цветом глаз, ориентируйтесь на такие оттенки, как:

• черный;
• серый;
• голубой;
• зеленый;
• карий.

Чтобы правильно определить свой цветотип, нужно соблюсти следующие условия:

• обеспечить естественное, достаточное освещение, но избегать ярких солнечных лучей, чтобы не возникало переливов;
• избавить кожу от следов косметики, чтобы придать ей природное состояние;
• освободить зону декольте и шею;
• окрашенные волосы, по возможности, убрать от лица, можно закрыть их платком нейтрального цвета.

HSB / HSV

HEX / HTML