Реєстрація Реєстрація
QUALM12

QUALM12

Палітра з 12 кольорів · Нейтральні · Змішані · Тріадна гармонія

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

QUALM12

Палітра з 12 кольорів · Нейтральні кольори · Змішані тони · Тріадна гармонія

Редагувати
Землисті 12 кольорів Нейтральні Змішані Тріадна artist muted grim rust
Вподобання 22
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #0E0917;
  --c-earthy-2: #1A1429;
  --c-earthy-3: #282440;
  --c-earthy-4: #42363F;
  --c-earthy-5: #5C473E;
  --c-earthy-6: #8A746A;
  --c-earthy-7: #B5A39C;
  --c-earthy-8: #FCF8FB;
  --c-earthy-9: #9FADB3;
  --c-earthy-10: #6B818A;
  --c-earthy-11: #3E535C;
  --c-earthy-12: #40454E;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Snowman (#FCF8FB), найсвітлішого тону, до Midnight Oil (#0E0917), найтемнішого. Вона об'єднує Midnight Oil, Sambucus, Midnight Velvet, Deep Space Frigate, Tannery Brown, Pine Bark, Chocolate Oatmeal, Snowman, Pelican Bay, Citadel, Slate Wall та Alpine Duck Grey в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 16 з них, найконтрастніша — #0E0917 на #FCF8FB (18,65:1).

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

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

Midnight Oil #0E0917
RGB
rgb(14, 9, 23)
HSL
hsl(261, 44%, 6%)
Яскравість
0,004
Sambucus #1A1429
RGB
rgb(26, 20, 41)
HSL
hsl(257, 34%, 12%)
Яскравість
0,009
Midnight Velvet #282440
RGB
rgb(40, 36, 64)
HSL
hsl(249, 28%, 20%)
Яскравість
0,021
Deep Space Frigate #42363F
RGB
rgb(66, 54, 63)
HSL
hsl(315, 10%, 24%)
Яскравість
0,042
Tannery Brown #5C473E
RGB
rgb(92, 71, 62)
HSL
hsl(18, 19%, 30%)
Яскравість
0,071
Pine Bark #8A746A
RGB
rgb(138, 116, 106)
HSL
hsl(19, 13%, 48%)
Яскравість
0,189
Chocolate Oatmeal #B5A39C
RGB
rgb(181, 163, 156)
HSL
hsl(17, 14%, 66%)
Яскравість
0,384
Snowman #FCF8FB
RGB
rgb(252, 248, 251)
HSL
hsl(315, 40%, 98%)
Яскравість
0,948
Pelican Bay #9FADB3
RGB
rgb(159, 173, 179)
HSL
hsl(198, 12%, 66%)
Яскравість
0,405
Citadel #6B818A
RGB
rgb(107, 129, 138)
HSL
hsl(197, 13%, 48%)
Яскравість
0,207
Slate Wall #3E535C
RGB
rgb(62, 83, 92)
HSL
hsl(198, 19%, 30%)
Яскравість
0,080
Alpine Duck Grey #40454E
RGB
rgb(64, 69, 78)
HSL
hsl(219, 10%, 28%)
Яскравість
0,059

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

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

Aa #0E0917 на #FCF8FB 18,65:1 AAA
Aa #1A1429 на #FCF8FB 16,97:1 AAA
Aa #282440 на #FCF8FB 14,09:1 AAA
Aa #42363F на #FCF8FB 10,90:1 AAA
Aa #FCF8FB на #40454E 9,16:1 AAA
Aa #0E0917 на #9FADB3 8,51:1 AAA
Aa #5C473E на #FCF8FB 8,23:1 AAA
Aa #0E0917 на #B5A39C 8,11:1 AAA
Aa #1A1429 на #9FADB3 7,74:1 AAA
Aa #FCF8FB на #3E535C 7,69:1 AAA
Aa #1A1429 на #B5A39C 7,38:1 AAA
Aa #282440 на #9FADB3 6,43:1 AA
Aa #282440 на #B5A39C 6,13:1 AA
Aa #42363F на #9FADB3 4,97:1 AA
Aa #0E0917 на #6B818A 4,80:1 AA
Aa #42363F на #B5A39C 4,74:1 AA
Aa #0E0917 на #8A746A 4,47:1 AA, великий текст
Aa #1A1429 на #6B818A 4,36:1 AA, великий текст
Aa #9FADB3 на #40454E 4,18:1 AA, великий текст
Aa #8A746A на #FCF8FB 4,17:1 AA, великий текст
Aa #1A1429 на #8A746A 4,07:1 AA, великий текст
Aa #B5A39C на #40454E 3,98:1 AA, великий текст
Aa #FCF8FB на #6B818A 3,89:1 AA, великий текст
Aa #5C473E на #9FADB3 3,75:1 AA, великий текст
Aa #282440 на #6B818A 3,62:1 AA, великий текст
Aa #5C473E на #B5A39C 3,58:1 AA, великий текст
Aa #9FADB3 на #3E535C 3,51:1 AA, великий текст
Aa #282440 на #8A746A 3,38:1 AA, великий текст
Aa #B5A39C на #3E535C 3,34:1 AA, великий текст
Aa #42363F на #6B818A 2,80:1 Не проходить
Aa #42363F на #8A746A 2,61:1 Не проходить
Aa #0E0917 на #3E535C 2,43:1 Не проходить
Aa #6B818A на #40454E 2,36:1 Не проходить
Aa #B5A39C на #FCF8FB 2,30:1 Не проходить
Aa #0E0917 на #5C473E 2,27:1 Не проходить
Aa #1A1429 на #3E535C 2,21:1 Не проходить
Aa #8A746A на #40454E 2,20:1 Не проходить
Aa #FCF8FB на #9FADB3 2,19:1 Не проходить
Aa #5C473E на #6B818A 2,12:1 Не проходить
Aa #1A1429 на #5C473E 2,06:1 Не проходить
Aa #0E0917 на #40454E 2,04:1 Не проходить
Aa #6B818A на #3E535C 1,98:1 Не проходить
Aa #5C473E на #8A746A 1,97:1 Не проходить
Aa #8A746A на #9FADB3 1,90:1 Не проходить
Aa #1A1429 на #40454E 1,85:1 Не проходить
Aa #8A746A на #3E535C 1,84:1 Не проходить
Aa #282440 на #3E535C 1,83:1 Не проходить
Aa #8A746A на #B5A39C 1,81:1 Не проходить
Aa #9FADB3 на #6B818A 1,77:1 Не проходить
Aa #0E0917 на #42363F 1,71:1 Не проходить
Aa #282440 на #5C473E 1,71:1 Не проходить
Aa #B5A39C на #6B818A 1,69:1 Не проходить
Aa #1A1429 на #42363F 1,56:1 Не проходить
Aa #282440 на #40454E 1,54:1 Не проходить
Aa #42363F на #3E535C 1,42:1 Не проходить
Aa #0E0917 на #282440 1,32:1 Не проходить
Aa #42363F на #5C473E 1,32:1 Не проходить
Aa #282440 на #42363F 1,29:1 Не проходить
Aa #1A1429 на #282440 1,20:1 Не проходить
Aa #42363F на #40454E 1,19:1 Не проходить
Aa #3E535C на #40454E 1,19:1 Не проходить
Aa #5C473E на #40454E 1,11:1 Не проходить
Aa #0E0917 на #1A1429 1,10:1 Не проходить
Aa #5C473E на #3E535C 1,07:1 Не проходить
Aa #8A746A на #6B818A 1,07:1 Не проходить
Aa #B5A39C на #9FADB3 1,05: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 кольори