Читабельность текста и фона — синий #2847F9 и зелёный Цвета #07FC23

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

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

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

  • 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.

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.

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.

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

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

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

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

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

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

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

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

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

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