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

BitByBit_

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

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

BitByBit_

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

Редагувати
Землисті 12 кольорів Теплі Змішані Аналогова pixelart unity itchio
Вподобання 12
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #F2E6D8;
  --c-earthy-2: #1A1A1A;
  --c-earthy-3: #80363D;
  --c-earthy-4: #9A9AA6;
  --c-earthy-5: #6F6980;
  --c-earthy-6: #CC5D49;
  --c-earthy-7: #E69A38;
  --c-earthy-8: #F2CA5A;
  --c-earthy-9: #848C4D;
  --c-earthy-10: #40663E;
  --c-earthy-11: #805280;
  --c-earthy-12: #487A99;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Ballet White (#F2E6D8), найсвітлішого тону, до Eerie Black (#1A1A1A), найтемнішого. Вона об'єднує Ballet White, Eerie Black, Red Pear, Dame Dignity, Hyacinth Arbour, Grand Duke, Culpeo, Dancing Daisy, Enough Is Enough, Friendly Fairway, Thistle Mauve та Antarctic Blue в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #F2E6D8 на #1A1A1A (14,16:1).

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

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

Ballet White #F2E6D8
RGB
rgb(242, 230, 216)
HSL
hsl(32, 50%, 90%)
Яскравість
0,804
Eerie Black #1A1A1A
RGB
rgb(26, 26, 26)
HSL
hsl(0, 0%, 10%)
Яскравість
0,010
Red Pear #80363D
RGB
rgb(128, 54, 61)
HSL
hsl(354, 41%, 36%)
Яскравість
0,076
Dame Dignity #9A9AA6
RGB
rgb(154, 154, 166)
HSL
hsl(240, 6%, 63%)
Яскравість
0,327
Hyacinth Arbour #6F6980
RGB
rgb(111, 105, 128)
HSL
hsl(256, 10%, 46%)
Яскравість
0,150
Grand Duke #CC5D49
RGB
rgb(204, 93, 73)
HSL
hsl(9, 56%, 54%)
Яскравість
0,212
Culpeo #E69A38
RGB
rgb(230, 154, 56)
HSL
hsl(34, 78%, 56%)
Яскравість
0,402
Dancing Daisy #F2CA5A
RGB
rgb(242, 202, 90)
HSL
hsl(44, 85%, 65%)
Яскравість
0,619
Enough Is Enough #848C4D
RGB
rgb(132, 140, 77)
HSL
hsl(68, 29%, 43%)
Яскравість
0,242
Friendly Fairway #40663E
RGB
rgb(64, 102, 62)
HSL
hsl(117, 24%, 32%)
Яскравість
0,109
Thistle Mauve #805280
RGB
rgb(128, 82, 128)
HSL
hsl(300, 22%, 41%)
Яскравість
0,122
Antarctic Blue #487A99
RGB
rgb(72, 122, 153)
HSL
hsl(203, 36%, 44%)
Яскравість
0,176

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

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

Aa #F2E6D8 на #1A1A1A 14,16:1 AAA
Aa #1A1A1A на #F2CA5A 11,08:1 AAA
Aa #1A1A1A на #E69A38 7,50:1 AAA
Aa #F2E6D8 на #80363D 6,80:1 AA
Aa #1A1A1A на #9A9AA6 6,25:1 AA
Aa #F2E6D8 на #40663E 5,36:1 AA
Aa #80363D на #F2CA5A 5,32:1 AA
Aa #F2E6D8 на #805280 4,97:1 AA
Aa #1A1A1A на #848C4D 4,84:1 AA
Aa #1A1A1A на #CC5D49 4,33:1 AA, великий текст
Aa #F2E6D8 на #6F6980 4,26:1 AA, великий текст
Aa #F2CA5A на #40663E 4,19:1 AA, великий текст
Aa #F2CA5A на #805280 3,89:1 AA, великий текст
Aa #F2E6D8 на #487A99 3,78:1 AA, великий текст
Aa #1A1A1A на #487A99 3,75:1 AA, великий текст
Aa #80363D на #E69A38 3,60:1 AA, великий текст
Aa #6F6980 на #F2CA5A 3,34:1 AA, великий текст
Aa #1A1A1A на #6F6980 3,32:1 AA, великий текст
Aa #F2E6D8 на #CC5D49 3,27:1 AA, великий текст
Aa #80363D на #9A9AA6 3,00:1 AA, великий текст
Aa #F2CA5A на #487A99 2,96:1 Не проходить
Aa #F2E6D8 на #848C4D 2,93:1 Не проходить
Aa #1A1A1A на #805280 2,85:1 Не проходить
Aa #E69A38 на #40663E 2,84:1 Не проходить
Aa #1A1A1A на #40663E 2,64:1 Не проходить
Aa #E69A38 на #805280 2,63:1 Не проходить
Aa #CC5D49 на #F2CA5A 2,56:1 Не проходить
Aa #9A9AA6 на #40663E 2,37:1 Не проходить
Aa #80363D на #848C4D 2,32:1 Не проходить
Aa #F2CA5A на #848C4D 2,29:1 Не проходить
Aa #F2E6D8 на #9A9AA6 2,26:1 Не проходить
Aa #6F6980 на #E69A38 2,26:1 Не проходить
Aa #9A9AA6 на #805280 2,20:1 Не проходить
Aa #1A1A1A на #80363D 2,08:1 Не проходить
Aa #80363D на #CC5D49 2,08:1 Не проходить
Aa #E69A38 на #487A99 2,00:1 Не проходить
Aa #F2E6D8 на #E69A38 1,89:1 Не проходить
Aa #9A9AA6 на #6F6980 1,88:1 Не проходить
Aa #848C4D на #40663E 1,83:1 Не проходить
Aa #80363D на #487A99 1,80:1 Не проходить
Aa #9A9AA6 на #F2CA5A 1,77:1 Не проходить
Aa #CC5D49 на #E69A38 1,73:1 Не проходить
Aa #848C4D на #805280 1,70:1 Не проходить
Aa #9A9AA6 на #487A99 1,67:1 Не проходить
Aa #CC5D49 на #40663E 1,64:1 Не проходить
Aa #80363D на #6F6980 1,60:1 Не проходить
Aa #E69A38 на #848C4D 1,55:1 Не проходить
Aa #CC5D49 на #805280 1,52:1 Не проходить
Aa #E69A38 на #F2CA5A 1,48:1 Не проходить
Aa #6F6980 на #848C4D 1,46:1 Не проходить
Aa #9A9AA6 на #CC5D49 1,44:1 Не проходить
Aa #40663E на #487A99 1,42:1 Не проходить
Aa #80363D на #805280 1,37:1 Не проходить
Aa #805280 на #487A99 1,32:1 Не проходить
Aa #6F6980 на #CC5D49 1,30:1 Не проходить
Aa #9A9AA6 на #848C4D 1,29:1 Не проходить
Aa #848C4D на #487A99 1,29:1 Не проходить
Aa #F2E6D8 на #F2CA5A 1,28:1 Не проходить
Aa #80363D на #40663E 1,27:1 Не проходить
Aa #6F6980 на #40663E 1,26:1 Не проходить
Aa #9A9AA6 на #E69A38 1,20:1 Не проходить
Aa #6F6980 на #805280 1,17:1 Не проходить
Aa #CC5D49 на #487A99 1,16:1 Не проходить
Aa #6F6980 на #487A99 1,13:1 Не проходить
Aa #CC5D49 на #848C4D 1,12:1 Не проходить
Aa #40663E на #805280 1,08:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори