Читабельность текста и фона — тёмно-синий #392F70 и жёлто-зеленый Цвета #7ED684

Сочетание цвета фона и текста по контрасту для хорошей читабельности текста.

Это панграмма, тут все буквы

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

  • Light
  • Regular
  • Medium
  • Bold
Ая
{{contrast}}:1

{{ textcolor }}

  • RGB {{ toRGB(textcolor) }}
  • CMYK {{ toCMYK(textcolor) }}
  • HSL {{ toHSL(textcolor) }}

{{ bgcolor }}

  • RGB {{ toRGB(bgcolor) }}
  • CMYK {{ toCMYK(bgcolor) }}
  • HSL {{ toHSL(bgcolor) }}

Контраст цветов — {{contrast}}:1

Для заголовков подходит!
Для заголовков не подходит!
AA — 3.1:1
AAA — 4.5:1
Для текста подходит!
Для текста не подходит!
AA — 4.5:1
AAA — 7.1:1

{{textcolor}}

Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Button
Button

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

{{bgcolor}}

Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Button
Button

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Похожие подборки по цвету 🧁

Привет,
рады вас видеть!

google login
github white login github black login
yandex login

Забыли пароль?

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

Регистрация нового аккаунта

Пароли не совпадают

Есть идеи и предложения? 💡

Напишите нам, мы попробуем их воплотить или поправить косяки. Google Form

Встречайте Mesh градиенты

Добавили для вас генератор меш градиентов и новую mesh библиотеку, которую можете пополнить и вы своими градиентами. Теперь вы можете создавать красивые абстрактные градиенты, скачивать их, копировать их CSS-код, сохранять в личном кабинете и добавлять их в общую библиотеку.

Скоро мы добавим генератор радиальных градиентов!

Меш градиенты