Легко найти код HEX для цветовых оттенков с 0to255

Как вы, возможно, знаете, есть три основные вещи, которые делают сайт «великолепным»: типография, верстка и цвет. Мы говорили о том, насколько важен цвет для дизайна веб-сайта, и рассмотрели несколько цветовых инструментов, которые могут помочь дизайнерам выбрать правильные цветовые комбинации, которые им нужны. Вы даже можете выбирать цвета внутри Sublime Text или создавать цветовые схемы с помощью Adobe Kuler для iOS.

В этом посте я познакомлю вас с 0to255, простой инструмент, который поможет вам найти правильный HEX-код для цветовых оттенков, которые вы хотите использовать. Это очень полезно, когда вам нужно работать с парением, границей или градиентным цветом.

Рекомендуемое чтение: практический подход к выбору цветовой схемы сайта

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Шон Чепмен разработал этот инструмент, внедрив модель HSL (оттенок, насыщенность и яркость), чтобы разделить параметр яркости (в диапазоне от 0 до 100%) на 31 часть. С помощью инструмента вы можете навести курсор на цвет и увидеть, как процент яркости отображается справа от вас и HEX-код этого цвета.

Выбор цветового оттенка с 0To255

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

Сначала вы можете вставить нужный цвет в палитре цветов по умолчанию. Посетите 0to255 сайтнажмите кнопку «Выбрать цвет», и появится поле. Введите / вставьте туда код HEX без знака фунта. Например, выбирая цвет # d86b93 HEX, просто введите d86b93 и нажмите кнопку «Выбрать цвет».

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

Вам будет предоставлено 30 других цветов (31 с выбранным цветом) от самых светлых до самых темных. Если вы выбрали другой цветовой оттенок, который хотите использовать, просто нажмите на него, и HEX-код будет автоматически скопирован в буфер обмена.

В качестве альтернативы вы можете просто вставить цветовой код в ваш URL, например, так: 0to255.com/d86b93, Это приведет вас прямо к странице сравнения цветов для # d86b93.

Выбор других цветов

Слева от страницы вы можете выбрать другой цвет прямо, используя другой код HEX (слева), или вы можете выбрать случайный цвет (справа).

Или вы можете выбрать другой цвет из списка случайных цветов, предоставленного 0to255 на его домашней странице.

Последняя мысль

0to255 – это отличная экономия времени для дизайнеров, которые просто хотят получить правильный код для правильного оттенка, который будет использоваться для их дизайна. Вместо того, чтобы угадывать или карабкаться, чтобы найти правильные коды HEX онлайн, 0to255 делает это простым щелчком мыши. Попробуйте и скажите нам, помогло ли оно вам в выборе цвета.