Перейти к содержимому
Цвет · ≈ cornflowerblue

Twitter / X Blue#1DA1F2

rgb(29, 161, 242) · hsl(203, 89%, 53%) · oklch(68% 0.16 243)

Образец7.43:1
#1DA1F2

Форматы цвета

Один и тот же цвет во всех записях, которые обычно приходится куда-то вставлять.

HEX
#1DA1F2
RGB
rgb(29, 161, 242)
HSL
hsl(203, 89%, 53%)
HSV
hsv(203, 88%, 95%)
OKLCH
oklch(68% 0.16 243)
CMYK
cmyk(88%, 33%, 0%, 5%)

Контраст и доступность

Замер на чистом белом и чистом чёрном — двух фонах, между которыми лежит всё остальное.

На белом2.83:1
На чёрном7.43:1
На белом
2.83:1 ниже AA
На чёрном
7.43:1 проходит AA
Лучший цвет текста
#000000 · 7.43:1
Ближайшее имя CSS
cornflowerblue

Оттенки и тона

Шкала 50–950 на этом тоне — ступень 500 ближе всего к исходному цвету.

50#E6EEF2
100#D5E4ED
200#B0D1E6
300#84C0E4
400#53B0E8
500#1DA1F2
600#1282C6
700#12608F
800#0F3F5C
900#091F2C
950#050F15

Цветовые гармонии

Повороты по цветовому кругу при той же насыщенности и светлоте.

Комплементарный#F26E1D
Аналоговый −30°#1DF2D8
Аналоговый +30°#1D37F2
Триадный +120°#F21DA1
Триадный −120°#A1F21D

Готовый код

CSS-переменные
:root {
  --cornflowerblue: #1da1f2;
  --cornflowerblue-rgb: 29 161 242;
  --cornflowerblue-oklch: oklch(68% 0.16 243);
}
Прозрачность без второй переменной
background: rgb(var(--cornflowerblue-rgb) / 40%);

Тройка через пробел позволяет задать прозрачность без второй переменной:

Tailwind (произвольное значение)
bg-[#1da1f2] text-[#1da1f2] border-[#1da1f2]

Об этом цвете

#1DA1F2 — цвет со значением RGB rgb(29, 161, 242). Ближайший именованный цвет CSS — «cornflowerblue». На этой странице собраны все форматы (HEX, RGB, HSL, HSV, OKLCH, CMYK), контраст WCAG на белом и чёрном, полная шкала оттенков 50–950 и комплементарная, аналоговая и триадная гармонии — каждая ведёт на свою страницу цвета.

Перевести #1DA1F2 в другие форматы

Палитры с похожим цветом

Градиенты с похожим цветом

Скопировано