Реєстрація Реєстрація
Sirens At Night

Sirens At Night

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

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

Sirens At Night

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

Редагувати
Землисті 7 кольорів Холодні Змішані Комплементарна cool red and blue blue and red
Вподобання 722
Кольори 7

CSS-змінні

:root {
  --c-earthy-1: #DAF2E9;
  --c-earthy-2: #95E0CC;
  --c-earthy-3: #39707A;
  --c-earthy-4: #23495D;
  --c-earthy-5: #1C2638;
  --c-earthy-6: #9B222B;
  --c-earthy-7: #F14E52;
}

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

Ця землиста палітра з 7 кольорів охоплює діапазон від Diluted Mint (#DAF2E9), найсвітлішого тону, до Midnight Express (#1C2638), найтемнішого. Вона об'єднує Diluted Mint, Beach Glass, Grand Rapids, Arapawa, Midnight Express, Haute Couture та Pastel Strawberry в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 7 з них, найконтрастніша — #DAF2E9 на #1C2638 (12,91:1).

Спокійні природні тони — пасують еко- та органік-брендам, кав'ярням, туристичному спорядженню й теплій редакційній типографіці.

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

Diluted Mint #DAF2E9
RGB
rgb(218, 242, 233)
HSL
hsl(158, 48%, 90%)
Яскравість
0,843
Beach Glass #95E0CC
RGB
rgb(149, 224, 204)
HSL
hsl(164, 55%, 73%)
Яскравість
0,641
Grand Rapids #39707A
RGB
rgb(57, 112, 122)
HSL
hsl(189, 36%, 35%)
Яскравість
0,139
Arapawa #23495D
RGB
rgb(35, 73, 93)
HSL
hsl(201, 45%, 25%)
Яскравість
0,059
Midnight Express #1C2638
RGB
rgb(28, 38, 56)
HSL
hsl(219, 33%, 16%)
Яскравість
0,019
Haute Couture #9B222B
RGB
rgb(155, 34, 43)
HSL
hsl(356, 64%, 37%)
Яскравість
0,083
Pastel Strawberry #F14E52
RGB
rgb(241, 78, 82)
HSL
hsl(359, 85%, 63%)
Яскравість
0,248

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

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

Aa #DAF2E9 на #1C2638 12,91:1 AAA
Aa #95E0CC на #1C2638 9,98:1 AAA
Aa #DAF2E9 на #23495D 8,18:1 AAA
Aa #DAF2E9 на #9B222B 6,72:1 AA
Aa #95E0CC на #23495D 6,33:1 AA
Aa #95E0CC на #9B222B 5,20:1 AA
Aa #DAF2E9 на #39707A 4,73:1 AA
Aa #1C2638 на #F14E52 4,30:1 AA, великий текст
Aa #95E0CC на #39707A 3,66:1 AA, великий текст
Aa #DAF2E9 на #F14E52 3,00:1 AA, великий текст
Aa #39707A на #1C2638 2,73:1 Не проходить
Aa #23495D на #F14E52 2,73:1 Не проходить
Aa #95E0CC на #F14E52 2,32:1 Не проходить
Aa #9B222B на #F14E52 2,24:1 Не проходить
Aa #1C2638 на #9B222B 1,92:1 Не проходить
Aa #39707A на #23495D 1,73:1 Не проходить
Aa #39707A на #F14E52 1,58:1 Не проходить
Aa #23495D на #1C2638 1,58:1 Не проходить
Aa #39707A на #9B222B 1,42:1 Не проходить
Aa #DAF2E9 на #95E0CC 1,29:1 Не проходить
Aa #23495D на #9B222B 1,22:1 Не проходить

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

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори