Просмотр RGB цвета
Показывает цвет по коду RGB: ползунки каналов, любая запись rgb() и HEX, контраст с белым и чёрным.
Запись цвета
#FF6347rgb(255, 99, 71)255, 99, 71rgb(100% 38.82% 27.84%)Цвет на белом и чёрном
Какие записи понимает страница
В поле можно вставить три числа через запятую или пробел, запись rgb() в старом и новом виде CSS, проценты и HEX. Число вне диапазона от 0 до 255 страница называет словами, и опечатка в коде видна сразу.
Дробное значение канала, например 12.5, округляется до целого, и об этом написано под полем. Прозрачность из записи rgb(255 99 71 / 50%) читается, но образец показывает сам цвет. HSL, OKLCH и другие записи переводит конвертер цветов.
Контраст с белым и чёрным
Для обоих фонов посчитан коэффициент контраста по WCAG 2.1. Обычному тексту нужно 4,5:1 (уровень AA) или 7:1 (AAA), крупному тексту от 24 пикселей или жирному от 18,66 пикселя хватает 3:1.
Коэффициент одинаков в обе стороны: цветной текст на белом читается так же, как белый текст на этом цвете. Пипетка с экрана есть не во всех браузерах, и где её нет, кнопка скрыта. Сочетания и названия цветов собраны на странице «Код цвета HTML».
Оцените инструмент
Помогите нам стать лучше
Ваша оценка на Яндексе окажет нам поддержку!
Оставить оценку на ЯндексеРасскажите, чего не хватило.
Другие инструменты
Специальные символы HTML
487 знаков в двенадцати разделах, с копированием щелчком
Визуальный HTML-редактор
Пишете как в текстовом редакторе — получаете готовый HTML
Код цвета HTML
Код цвета в HEX, RGB, HSL и HSB, с проверкой контраста
Эффект стекла в CSS
Стекло с проверкой читаемости надписи и запасным вариантом
Конвертер CSS в SCSS и обратно
CSS в SCSS со вложенностью и обратно, со сверкой результата
Конструктор сеток CSS Grid
Сетка под три экрана с готовым HTML и проверкой порядка блоков
Генератор CSS-градиентов
Градиент без серой середины, с проверкой читаемости текста
Генератор теней box-shadow
Тень слоями, с предпросмотром на двух фонах и проверкой видимости