Реєстрація Реєстрація
SPOOK 12

SPOOK 12

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

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

SPOOK 12

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

Редагувати
Землисті 12 кольорів Нейтральні Змішані Комплементарна spooky halloween monsters creepy
Вподобання 188
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #FFFFFF;
  --c-earthy-2: #C1A3FF;
  --c-earthy-3: #9150E9;
  --c-earthy-4: #543593;
  --c-earthy-5: #FFDA54;
  --c-earthy-6: #CB8B4D;
  --c-earthy-7: #80BE3B;
  --c-earthy-8: #586830;
  --c-earthy-9: #FF8F47;
  --c-earthy-10: #A04732;
  --c-earthy-11: #79493E;
  --c-earthy-12: #000000;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує White, Diva, Pericallis Hybrida, Blue Magenta Violet, Glitter Is Not Gold, Orange Nectar Bat, Jasmine Green, Deathworld Forest, Orangish, Picante, Fire Roasted та Black в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #FFFFFF на #000000 (21:1).

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

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

White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Яскравість
1,000
Diva #C1A3FF
RGB
rgb(193, 163, 255)
HSL
hsl(260, 100%, 82%)
Яскравість
0,448
Pericallis Hybrida #9150E9
RGB
rgb(145, 80, 233)
HSL
hsl(265, 78%, 61%)
Яскравість
0,176
Blue Magenta Violet #543593
RGB
rgb(84, 53, 147)
HSL
hsl(260, 47%, 39%)
Яскравість
0,065
Glitter Is Not Gold #FFDA54
RGB
rgb(255, 218, 84)
HSL
hsl(47, 100%, 66%)
Яскравість
0,720
Orange Nectar Bat #CB8B4D
RGB
rgb(203, 139, 77)
HSL
hsl(30, 55%, 55%)
Яскравість
0,317
Jasmine Green #80BE3B
RGB
rgb(128, 190, 59)
HSL
hsl(88, 53%, 49%)
Яскравість
0,417
Deathworld Forest #586830
RGB
rgb(88, 104, 48)
HSL
hsl(77, 37%, 30%)
Яскравість
0,122
Orangish #FF8F47
RGB
rgb(255, 143, 71)
HSL
hsl(23, 100%, 64%)
Яскравість
0,414
Picante #A04732
RGB
rgb(160, 71, 50)
HSL
hsl(11, 52%, 41%)
Яскравість
0,122
Fire Roasted #79493E
RGB
rgb(121, 73, 62)
HSL
hsl(11, 32%, 36%)
Яскравість
0,092
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000

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

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

Aa #FFFFFF на #000000 21,00:1 AAA
Aa #FFDA54 на #000000 15,41:1 AAA
Aa #C1A3FF на #000000 9,95:1 AAA
Aa #80BE3B на #000000 9,35:1 AAA
Aa #FF8F47 на #000000 9,27:1 AAA
Aa #FFFFFF на #543593 9,10:1 AAA
Aa #FFFFFF на #79493E 7,41:1 AAA
Aa #CB8B4D на #000000 7,34:1 AAA
Aa #543593 на #FFDA54 6,68:1 AA
Aa #FFFFFF на #586830 6,11:1 AA
Aa #FFFFFF на #A04732 6,10:1 AA
Aa #FFDA54 на #79493E 5,43:1 AA
Aa #FFFFFF на #9150E9 4,64:1 AA
Aa #9150E9 на #000000 4,53:1 AA
Aa #FFDA54 на #586830 4,48:1 AA, великий текст
Aa #FFDA54 на #A04732 4,48:1 AA, великий текст
Aa #C1A3FF на #543593 4,31:1 AA, великий текст
Aa #543593 на #80BE3B 4,05:1 AA, великий текст
Aa #543593 на #FF8F47 4,02:1 AA, великий текст
Aa #C1A3FF на #79493E 3,51:1 AA, великий текст
Aa #586830 на #000000 3,44:1 AA, великий текст
Aa #A04732 на #000000 3,44:1 AA, великий текст
Aa #9150E9 на #FFDA54 3,40:1 AA, великий текст
Aa #80BE3B на #79493E 3,30:1 AA, великий текст
Aa #FF8F47 на #79493E 3,27:1 AA, великий текст
Aa #543593 на #CB8B4D 3,18:1 AA, великий текст
Aa #C1A3FF на #586830 2,89:1 Не проходить
Aa #C1A3FF на #A04732 2,89:1 Не проходить
Aa #FFFFFF на #CB8B4D 2,86:1 Не проходить
Aa #79493E на #000000 2,84:1 Не проходить
Aa #80BE3B на #586830 2,72:1 Не проходить
Aa #80BE3B на #A04732 2,72:1 Не проходить
Aa #586830 на #FF8F47 2,70:1 Не проходить
Aa #FF8F47 на #A04732 2,69:1 Не проходить
Aa #CB8B4D на #79493E 2,59:1 Не проходить
Aa #543593 на #000000 2,31:1 Не проходить
Aa #FFFFFF на #FF8F47 2,26:1 Не проходить
Aa #FFFFFF на #80BE3B 2,25:1 Не проходить
Aa #C1A3FF на #9150E9 2,20:1 Не проходить
Aa #CB8B4D на #586830 2,13:1 Не проходить
Aa #CB8B4D на #A04732 2,13:1 Не проходить
Aa #FFFFFF на #C1A3FF 2,11:1 Не проходить
Aa #FFDA54 на #CB8B4D 2,10:1 Не проходить
Aa #9150E9 на #80BE3B 2,06:1 Не проходить
Aa #9150E9 на #FF8F47 2,05:1 Не проходить
Aa #9150E9 на #543593 1,96:1 Не проходить
Aa #FFDA54 на #FF8F47 1,66:1 Не проходить
Aa #FFDA54 на #80BE3B 1,65:1 Не проходить
Aa #9150E9 на #CB8B4D 1,62:1 Не проходить
Aa #9150E9 на #79493E 1,60:1 Не проходить
Aa #C1A3FF на #FFDA54 1,55:1 Не проходить
Aa #543593 на #586830 1,49:1 Не проходить
Aa #543593 на #A04732 1,49:1 Не проходить
Aa #FFFFFF на #FFDA54 1,36:1 Не проходить
Aa #C1A3FF на #CB8B4D 1,36:1 Не проходить
Aa #9150E9 на #586830 1,32:1 Не проходить
Aa #9150E9 на #A04732 1,32:1 Не проходить
Aa #CB8B4D на #80BE3B 1,27:1 Не проходить
Aa #CB8B4D на #FF8F47 1,26:1 Не проходить
Aa #543593 на #79493E 1,23:1 Не проходить
Aa #586830 на #79493E 1,21:1 Не проходить
Aa #A04732 на #79493E 1,21:1 Не проходить
Aa #C1A3FF на #FF8F47 1,07:1 Не проходить
Aa #C1A3FF на #80BE3B 1,06:1 Не проходить
Aa #80BE3B на #FF8F47 1,01:1 Не проходить
Aa #586830 на #A04732 1,00: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 кольори