Реєстрація Реєстрація
Haunted Woods

Haunted Woods

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

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

Haunted Woods

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

Редагувати
Землисті 12 кольорів Холодні Темні Комплементарна green orange blue forest
Вподобання 14
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #09001A;
  --c-earthy-2: #001730;
  --c-earthy-3: #192A47;
  --c-earthy-4: #273746;
  --c-earthy-5: #332F16;
  --c-earthy-6: #324A46;
  --c-earthy-7: #64757B;
  --c-earthy-8: #96746D;
  --c-earthy-9: #B57163;
  --c-earthy-10: #8C9DB7;
  --c-earthy-11: #D1A582;
  --c-earthy-12: #EED59A;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від White Corn (#EED59A), найсвітлішого тону, до Midnight Jam (#09001A), найтемнішого. Вона об'єднує Midnight Jam, Oxford by Night, Rurikon Blue, Tahitian Pearl, Olivenite, Frontier, Wharf View, Mulberry Silk, Vin Cuit, Forever Blue, Sunset Beige та White Corn в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 18 з них, найконтрастніша — #09001A на #EED59A (14,24:1).

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

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

Midnight Jam #09001A
RGB
rgb(9, 0, 26)
HSL
hsl(261, 100%, 5%)
Яскравість
0,001
Oxford by Night #001730
RGB
rgb(0, 23, 48)
HSL
hsl(211, 100%, 9%)
Яскравість
0,008
Rurikon Blue #192A47
RGB
rgb(25, 42, 71)
HSL
hsl(218, 48%, 19%)
Яскравість
0,023
Tahitian Pearl #273746
RGB
rgb(39, 55, 70)
HSL
hsl(209, 28%, 21%)
Яскравість
0,036
Olivenite #332F16
RGB
rgb(51, 47, 22)
HSL
hsl(52, 40%, 14%)
Яскравість
0,028
Frontier #324A46
RGB
rgb(50, 74, 70)
HSL
hsl(170, 19%, 24%)
Яскравість
0,060
Wharf View #64757B
RGB
rgb(100, 117, 123)
HSL
hsl(196, 10%, 44%)
Яскравість
0,169
Mulberry Silk #96746D
RGB
rgb(150, 116, 109)
HSL
hsl(10, 16%, 51%)
Яскравість
0,201
Vin Cuit #B57163
RGB
rgb(181, 113, 99)
HSL
hsl(10, 36%, 55%)
Яскравість
0,225
Forever Blue #8C9DB7
RGB
rgb(140, 157, 183)
HSL
hsl(216, 23%, 63%)
Яскравість
0,331
Sunset Beige #D1A582
RGB
rgb(209, 165, 130)
HSL
hsl(27, 46%, 66%)
Яскравість
0,421
White Corn #EED59A
RGB
rgb(238, 213, 154)
HSL
hsl(42, 71%, 77%)
Яскравість
0,681

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

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

Aa #09001A на #EED59A 14,24:1 AAA
Aa #001730 на #EED59A 12,55:1 AAA
Aa #192A47 на #EED59A 9,99:1 AAA
Aa #332F16 на #EED59A 9,38:1 AAA
Aa #09001A на #D1A582 9,17:1 AAA
Aa #273746 на #EED59A 8,49:1 AAA
Aa #001730 на #D1A582 8,08:1 AAA
Aa #09001A на #8C9DB7 7,42:1 AAA
Aa #324A46 на #EED59A 6,63:1 AA
Aa #001730 на #8C9DB7 6,54:1 AA
Aa #192A47 на #D1A582 6,43:1 AA
Aa #332F16 на #D1A582 6,04:1 AA
Aa #273746 на #D1A582 5,47:1 AA
Aa #09001A на #B57163 5,36:1 AA
Aa #192A47 на #8C9DB7 5,21:1 AA
Aa #09001A на #96746D 4,89:1 AA
Aa #332F16 на #8C9DB7 4,89:1 AA
Aa #001730 на #B57163 4,73:1 AA
Aa #273746 на #8C9DB7 4,43:1 AA, великий текст
Aa #001730 на #96746D 4,30:1 AA, великий текст
Aa #324A46 на #D1A582 4,27:1 AA, великий текст
Aa #09001A на #64757B 4,26:1 AA, великий текст
Aa #192A47 на #B57163 3,76:1 AA, великий текст
Aa #001730 на #64757B 3,75:1 AA, великий текст
Aa #332F16 на #B57163 3,53:1 AA, великий текст
Aa #324A46 на #8C9DB7 3,46:1 AA, великий текст
Aa #192A47 на #96746D 3,43:1 AA, великий текст
Aa #64757B на #EED59A 3,34:1 AA, великий текст
Aa #332F16 на #96746D 3,22:1 AA, великий текст
Aa #273746 на #B57163 3,20:1 AA, великий текст
Aa #192A47 на #64757B 2,99:1 Не проходить
Aa #273746 на #96746D 2,91:1 Не проходить
Aa #96746D на #EED59A 2,91:1 Не проходить
Aa #332F16 на #64757B 2,80:1 Не проходить
Aa #B57163 на #EED59A 2,65:1 Не проходить
Aa #273746 на #64757B 2,54:1 Не проходить
Aa #324A46 на #B57163 2,50:1 Не проходить
Aa #324A46 на #96746D 2,28:1 Не проходить
Aa #09001A на #324A46 2,15:1 Не проходить
Aa #64757B на #D1A582 2,15:1 Не проходить
Aa #324A46 на #64757B 1,98:1 Не проходить
Aa #8C9DB7 на #EED59A 1,92:1 Не проходить
Aa #001730 на #324A46 1,89:1 Не проходить
Aa #96746D на #D1A582 1,88:1 Не проходить
Aa #64757B на #8C9DB7 1,74:1 Не проходить
Aa #B57163 на #D1A582 1,71:1 Не проходить
Aa #09001A на #273746 1,68:1 Не проходить
Aa #D1A582 на #EED59A 1,55:1 Не проходить
Aa #09001A на #332F16 1,52:1 Не проходить
Aa #96746D на #8C9DB7 1,52:1 Не проходить
Aa #192A47 на #324A46 1,51:1 Не проходить
Aa #001730 на #273746 1,48:1 Не проходить
Aa #09001A на #192A47 1,43:1 Не проходить
Aa #332F16 на #324A46 1,41:1 Не проходить
Aa #B57163 на #8C9DB7 1,38:1 Не проходить
Aa #001730 на #332F16 1,34:1 Не проходить
Aa #273746 на #324A46 1,28:1 Не проходить
Aa #001730 на #192A47 1,26:1 Не проходить
Aa #64757B на #B57163 1,26:1 Не проходить
Aa #8C9DB7 на #D1A582 1,24:1 Не проходить
Aa #192A47 на #273746 1,18:1 Не проходить
Aa #64757B на #96746D 1,15:1 Не проходить
Aa #09001A на #001730 1,14:1 Не проходить
Aa #273746 на #332F16 1,10:1 Не проходить
Aa #96746D на #B57163 1,10:1 Не проходить
Aa #192A47 на #332F16 1,07:1 Не проходить

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

#212121 #323232 #0D7377 #14FFEC
4 кольори
#0A2647 #144272 #205295 #2C74B3
4 кольори
#040D12 #183D3D #5C8374 #93B1A6
4 кольори
#142850 #27496D #0C7B93 #00A8CC
4 кольори
#635985 #443C68 #393053 #18122B
4 кольори
#000000 #150050 #3F0071 #610094
4 кольори
#151515 #301B3F #3C415C #B4A5A5
4 кольори
#041C32 #04293A #064663 #ECB365
4 кольори