Реєстрація Реєстрація
6 Bit / 12 Colour Challenge

6 Bit / 12 Colour Challenge

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

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

6 Bit / 12 Colour Challenge

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

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

CSS-змінні

:root {
  --c-earthy-1: #FFEEB9;
  --c-earthy-2: #BD4B4B;
  --c-earthy-3: #442242;
  --c-earthy-4: #1AB11D;
  --c-earthy-5: #286440;
  --c-earthy-6: #133542;
  --c-earthy-7: #675C85;
  --c-earthy-8: #251E3C;
  --c-earthy-9: #1E132C;
  --c-earthy-10: #B5B4D3;
  --c-earthy-11: #6B6A7C;
  --c-earthy-12: #232328;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Gnocchi Beige (#FFEEB9), найсвітлішого тону, до Blacklist (#1E132C), найтемнішого. Вона об'єднує Gnocchi Beige, Ladybug, Purple Void, Pikkoro Green, Fairway Green, Firmament Blue, Kimberly, Throat, Blacklist, Hundred Waters, Wind Cave та Dark Gunmetal в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 18 з них, найконтрастніша — #FFEEB9 на #1E132C (15,35:1).

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

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

Gnocchi Beige #FFEEB9
RGB
rgb(255, 238, 185)
HSL
hsl(45, 100%, 86%)
Яскравість
0,859
Ladybug #BD4B4B
RGB
rgb(189, 75, 75)
HSL
hsl(0, 46%, 52%)
Яскравість
0,164
Purple Void #442242
RGB
rgb(68, 34, 66)
HSL
hsl(304, 33%, 20%)
Яскравість
0,028
Pikkoro Green #1AB11D
RGB
rgb(26, 177, 29)
HSL
hsl(121, 74%, 40%)
Яскравість
0,318
Fairway Green #286440
RGB
rgb(40, 100, 64)
HSL
hsl(144, 43%, 27%)
Яскравість
0,099
Firmament Blue #133542
RGB
rgb(19, 53, 66)
HSL
hsl(197, 55%, 17%)
Яскравість
0,031
Kimberly #675C85
RGB
rgb(103, 92, 133)
HSL
hsl(256, 18%, 44%)
Яскравість
0,122
Throat #251E3C
RGB
rgb(37, 30, 60)
HSL
hsl(254, 33%, 18%)
Яскравість
0,017
Blacklist #1E132C
RGB
rgb(30, 19, 44)
HSL
hsl(266, 40%, 12%)
Яскравість
0,009
Hundred Waters #B5B4D3
RGB
rgb(181, 180, 211)
HSL
hsl(242, 26%, 77%)
Яскравість
0,472
Wind Cave #6B6A7C
RGB
rgb(107, 106, 124)
HSL
hsl(243, 8%, 45%)
Яскравість
0,149
Dark Gunmetal #232328
RGB
rgb(35, 35, 40)
HSL
hsl(240, 7%, 15%)
Яскравість
0,017

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

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

Aa #FFEEB9 на #1E132C 15,35:1 AAA
Aa #FFEEB9 на #251E3C 13,67:1 AAA
Aa #FFEEB9 на #232328 13,54:1 AAA
Aa #FFEEB9 на #442242 11,71:1 AAA
Aa #FFEEB9 на #133542 11,25:1 AAA
Aa #1E132C на #B5B4D3 8,81:1 AAA
Aa #251E3C на #B5B4D3 7,85:1 AAA
Aa #B5B4D3 на #232328 7,77:1 AAA
Aa #442242 на #B5B4D3 6,72:1 AA
Aa #133542 на #B5B4D3 6,46:1 AA
Aa #1AB11D на #1E132C 6,20:1 AA
Aa #FFEEB9 на #286440 6,09:1 AA
Aa #1AB11D на #251E3C 5,53:1 AA
Aa #1AB11D на #232328 5,48:1 AA
Aa #FFEEB9 на #675C85 5,28:1 AA
Aa #442242 на #1AB11D 4,73:1 AA
Aa #FFEEB9 на #6B6A7C 4,57:1 AA
Aa #1AB11D на #133542 4,55:1 AA
Aa #FFEEB9 на #BD4B4B 4,26:1 AA, великий текст
Aa #BD4B4B на #1E132C 3,61:1 AA, великий текст
Aa #286440 на #B5B4D3 3,49:1 AA, великий текст
Aa #1E132C на #6B6A7C 3,36:1 AA, великий текст
Aa #BD4B4B на #251E3C 3,21:1 AA, великий текст
Aa #BD4B4B на #232328 3,18:1 AA, великий текст
Aa #675C85 на #B5B4D3 3,03:1 AA, великий текст
Aa #251E3C на #6B6A7C 2,99:1 Не проходить
Aa #6B6A7C на #232328 2,96:1 Не проходить
Aa #675C85 на #1E132C 2,91:1 Не проходить
Aa #BD4B4B на #442242 2,75:1 Не проходить
Aa #BD4B4B на #133542 2,64:1 Не проходить
Aa #B5B4D3 на #6B6A7C 2,62:1 Не проходить
Aa #675C85 на #251E3C 2,59:1 Не проходить
Aa #675C85 на #232328 2,57:1 Не проходить
Aa #442242 на #6B6A7C 2,56:1 Не проходить
Aa #286440 на #1E132C 2,52:1 Не проходить
Aa #FFEEB9 на #1AB11D 2,47:1 Не проходить
Aa #1AB11D на #286440 2,46:1 Не проходить
Aa #133542 на #6B6A7C 2,46:1 Не проходить
Aa #BD4B4B на #B5B4D3 2,44:1 Не проходить
Aa #286440 на #251E3C 2,25:1 Не проходить
Aa #286440 на #232328 2,23:1 Не проходить
Aa #442242 на #675C85 2,22:1 Не проходить
Aa #1AB11D на #675C85 2,13:1 Не проходить
Aa #133542 на #675C85 2,13:1 Не проходить
Aa #442242 на #286440 1,92:1 Не проходить
Aa #1AB11D на #6B6A7C 1,85:1 Не проходить
Aa #286440 на #133542 1,85:1 Не проходить
Aa #FFEEB9 на #B5B4D3 1,74:1 Не проходить
Aa #BD4B4B на #1AB11D 1,72:1 Не проходить
Aa #BD4B4B на #286440 1,43:1 Не проходить
Aa #1AB11D на #B5B4D3 1,42:1 Не проходить
Aa #133542 на #1E132C 1,36:1 Не проходить
Aa #286440 на #6B6A7C 1,33:1 Не проходить
Aa #442242 на #1E132C 1,31:1 Не проходить
Aa #BD4B4B на #675C85 1,24:1 Не проходить
Aa #133542 на #251E3C 1,22:1 Не проходить
Aa #133542 на #232328 1,20:1 Не проходить
Aa #442242 на #251E3C 1,17:1 Не проходить
Aa #442242 на #232328 1,16:1 Не проходить
Aa #286440 на #675C85 1,15:1 Не проходить
Aa #675C85 на #6B6A7C 1,15:1 Не проходить
Aa #1E132C на #232328 1,13:1 Не проходить
Aa #251E3C на #1E132C 1,12:1 Не проходить
Aa #BD4B4B на #6B6A7C 1,07:1 Не проходить
Aa #442242 на #133542 1,04:1 Не проходить
Aa #251E3C на #232328 1,01: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 кольори