Реєстрація Реєстрація
Ice Cream Shoppe

Ice Cream Shoppe

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

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

Ice Cream Shoppe

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

Редагувати
Яскраві 7 кольорів Теплі Змішані Комплементарна green pink blue teal
Вподобання 148
Кольори 7

CSS-змінні

:root {
  --c-vibrant-1: #0D2357;
  --c-vibrant-2: #007080;
  --c-vibrant-3: #00D6BA;
  --c-vibrant-4: #FFFAD6;
  --c-vibrant-5: #FDAAC6;
  --c-vibrant-6: #FF569C;
  --c-vibrant-7: #AD0B42;
}

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

Ця яскрава палітра з 7 кольорів охоплює діапазон від Country Summer (#FFFAD6), найсвітлішого тону, до Fibonacci Blue (#0D2357), найтемнішого. Вона об'єднує Fibonacci Blue, Caribbean Dream, Channel Marker Green, Country Summer, Heartfelt, Fuchsia Fever та Bloody Periphylla в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #0D2357 на #FFFAD6 (14,26:1).

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

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

Fibonacci Blue #0D2357
RGB
rgb(13, 35, 87)
HSL
hsl(222, 74%, 20%)
Яскравість
0,020
Caribbean Dream #007080
RGB
rgb(0, 112, 128)
HSL
hsl(188, 100%, 25%)
Яскравість
0,132
Channel Marker Green #00D6BA
RGB
rgb(0, 214, 186)
HSL
hsl(172, 100%, 42%)
Яскравість
0,516
Country Summer #FFFAD6
RGB
rgb(255, 250, 214)
HSL
hsl(53, 100%, 92%)
Яскравість
0,945
Heartfelt #FDAAC6
RGB
rgb(253, 170, 198)
HSL
hsl(340, 95%, 83%)
Яскравість
0,537
Fuchsia Fever #FF569C
RGB
rgb(255, 86, 156)
HSL
hsl(335, 100%, 67%)
Яскравість
0,303
Bloody Periphylla #AD0B42
RGB
rgb(173, 11, 66)
HSL
hsl(340, 88%, 36%)
Яскравість
0,095

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

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

Aa #0D2357 на #FFFAD6 14,26:1 AAA
Aa #0D2357 на #FDAAC6 8,42:1 AAA
Aa #0D2357 на #00D6BA 8,12:1 AAA
Aa #FFFAD6 на #AD0B42 6,85:1 AA
Aa #007080 на #FFFAD6 5,48:1 AA
Aa #0D2357 на #FF569C 5,06:1 AA
Aa #FDAAC6 на #AD0B42 4,04:1 AA, великий текст
Aa #00D6BA на #AD0B42 3,90:1 AA, великий текст
Aa #007080 на #FDAAC6 3,24:1 AA, великий текст
Aa #007080 на #00D6BA 3,12:1 AA, великий текст
Aa #FFFAD6 на #FF569C 2,82:1 Не проходить
Aa #0D2357 на #007080 2,60:1 Не проходить
Aa #FF569C на #AD0B42 2,43:1 Не проходить
Aa #0D2357 на #AD0B42 2,08:1 Не проходить
Aa #007080 на #FF569C 1,95:1 Не проходить
Aa #00D6BA на #FFFAD6 1,76:1 Не проходить
Aa #FFFAD6 на #FDAAC6 1,69:1 Не проходить
Aa #FDAAC6 на #FF569C 1,66:1 Не проходить
Aa #00D6BA на #FF569C 1,60:1 Не проходить
Aa #007080 на #AD0B42 1,25:1 Не проходить
Aa #00D6BA на #FDAAC6 1,04:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори