Рабочее пространство CSS-градиентов

Соберите градиент, готовый к реальному интерфейсу.

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

linear-gradient(90deg, #091E3A 0%, #2F80ED 50%, #2D9EE0 100%)

377Уникальных рецептов
382Строк в источнике
753Уникальных цветов

Шкала смешения

Текущий рецепт

Выбранный рецепт источникаOmolon

Угол направления

90°

Цветовые точки

#091E3A0%

#2F80ED50%

#2D9EE0100%

Готовый CSSlinear-gradient(90deg, #091E3A 0%, #2F80ED 50%, #2D9EE0 100%)

Пять выборочных проверок контраста

Замеры оценивают контраст чёрного и белого текста в фиксированных точках интерполяции sRGB.

0%#091E3A

Замер в точке 0%

Чёрный текст: 1,26:1
Белый текст: 16,69:1

25%#1C4F94

Замер в точке 25%

Чёрный текст: 2,60:1
Белый текст: 8,09:1

50%#2F80ED

Замер в точке 50%

Чёрный текст: 5,43:1
Белый текст: 3,87:1

75%#2E8FE7

Замер в точке 75%

Чёрный текст: 6,20:1
Белый текст: 3,39:1

100%#2D9EE0

Замер в точке 100%

Чёрный текст: 7,08:1
Белый текст: 2,97:1

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

Закреплённый источник сообщества

377 нормализованных рецептов

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

Показано 24 из 377 найденных рецептов · всего 377

Omolon

#091E3A#2F80ED#2D9EE0

Farhan

#9400D3#4B0082

Purple

#C84E89#F15F79

Ibtesam

#00F5A0#00D9F5

Radioactive Heat

#F7941E#72C6EF#00A651

The Sky And The Sea

#F7941E#004E8F

From Ice To Fire

#72C6EF#004E8F

Blue & Orange

#FD8112#0085CA

Purple Dream

#BF5AE0#A811DA

Blu

#00416A#E4E5E6

Псевдонимы источника Bupe

Summer Breeze

#FBED96#ABECD6

Ver

#FFE000#799F0C

Псевдонимы источника Rea

Ver Black

#F7F8F8#ACBB78

Combi

#00416A#799F0C#FFE000

Anwar

#334D50#CBCAA5

Bluelagoo

#0052D4#4364F7#6FB1FC

Lunada

#5433FF#20BDFF#A5FECB

Reaqua

#799F0C#ACBB78

Mango

#FFE259#FFA751

Windy

#ACB6E5#86FDE8

Royal Blue

#536976#292E49

Royal Blue + Petrol

#BBD2C5#536976#292E49

Copper

#B79891#94716B

Anamnisar

#9796F0#FBC7D4

Открыть полный указатель названий

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

Источник и лицензия

Закреплённый и проверяемый снимок uiGradients

Hexees использует точный файл gradients.json из неизменяемого Git-коммита. Названия и последовательности цветов взяты из источника; равные позиции и CSS рассчитываются Hexees однозначно.

Hexees не связан с uiGradients и его участниками.

Строк в источнике: 382
Уникальных рецептов: 377
Уникальных цветов: 753
Закреплённый коммит: afb0184

WCAG

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

Открыть проверку контраста двух цветов