Реєстрація Реєстрація
Палітра «Fancy Flamingo» з 4 кольорів

Палітра «Fancy Flamingo» з 4 кольорів

Палітра з 4 кольорів · Нейтральні · Змішані · Комплементарна гармонія

До бібліотеки

Палітра «Fancy Flamingo» з 4 кольорів

Палітра з 4 кольорів · Нейтральні кольори · Змішані тони · Комплементарна гармонія

Редагувати
Яскраві 4 кольори Нейтральні Змішані Комплементарна
Вподобання 5 731
Кольори 4

CSS-змінні

:root {
  --c-vibrant-1: #102C57;
  --c-vibrant-2: #1679AB;
  --c-vibrant-3: #FFB1B1;
  --c-vibrant-4: #FFCBCB;
}

Про цю палітру

Ця яскрава палітра з 4 кольорів охоплює діапазон від Jagdwurst (#FFCBCB), найсвітлішого тону, до Ambassador Blue (#102C57), найтемнішого. Вона об'єднує Ambassador Blue, Tanzanite, Fancy Flamingo та Jagdwurst в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них, найконтрастніша — #102C57 на #FFCBCB (9,64:1).

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.

Розбір кольорів

Ambassador Blue #102C57
RGB
rgb(16, 44, 87)
HSL
hsl(216, 69%, 20%)
Яскравість
0,026
Tanzanite #1679AB
RGB
rgb(22, 121, 171)
HSL
hsl(200, 77%, 38%)
Яскравість
0,168
Fancy Flamingo #FFB1B1
RGB
rgb(255, 177, 177)
HSL
hsl(0, 100%, 85%)
Яскравість
0,559
Jagdwurst #FFCBCB
RGB
rgb(255, 203, 203)
HSL
hsl(0, 100%, 90%)
Яскравість
0,683

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

Пар кольорів у палітрі: 6. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 2 з них.

Aa #102C57 на #FFCBCB 9,64:1 AAA
Aa #102C57 на #FFB1B1 8,01:1 AAA
Aa #1679AB на #FFCBCB 3,36:1 AA, великий текст
Aa #102C57 на #1679AB 2,87:1 Не проходить
Aa #1679AB на #FFB1B1 2,79:1 Не проходить
Aa #FFB1B1 на #FFCBCB 1,20:1 Не проходить

Схожі палітри

#EDF1D6 #9DC08B #609966 #40513B
4 кольори
#F5F7F8 #F4CE14 #495E57 #45474B
4 кольори
#222831 #393E46 #FFD369 #EEEEEE
4 кольори
#000000 #52057B #892CDC #BC6FF1
4 кольори
#213555 #3E5879 #D8C4B6 #F5EFE7
4 кольори
#F5EFE7 #D8C4B6 #4F709C #213555
4 кольори
#191A19 #1E5128 #4E9F3D #D8E9A8
4 кольори
#352F44 #5C5470 #B9B4C7 #FAF0E6
4 кольори