Реєстрація Реєстрація
Super Spark

Super Spark

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

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

Super Spark

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

Редагувати
Землисті 12 кольорів Теплі Змішані Комплементарна artist anubiarts desaturated 12
Вподобання 83
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #19181C;
  --c-earthy-2: #57607D;
  --c-earthy-3: #959984;
  --c-earthy-4: #E8EDEC;
  --c-earthy-5: #F0B47F;
  --c-earthy-6: #BF75BF;
  --c-earthy-7: #B8636E;
  --c-earthy-8: #554F69;
  --c-earthy-9: #5262A1;
  --c-earthy-10: #7BBCE8;
  --c-earthy-11: #5C8559;
  --c-earthy-12: #74C261;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Kiss Me Kate (#E8EDEC), найсвітлішого тону, до Aswad Black (#19181C), найтемнішого. Вона об'єднує Aswad Black, Award Night, Gundaroo Green, Kiss Me Kate, Smoked Ham, Gulābī Pink, Slate Rose, Magic Spell, Electrify, Aero, Magic Sage та Mantis в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #19181C на #E8EDEC (14,94:1).

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

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

Aswad Black #19181C
RGB
rgb(25, 24, 28)
HSL
hsl(255, 8%, 10%)
Яскравість
0,009
Award Night #57607D
RGB
rgb(87, 96, 125)
HSL
hsl(226, 18%, 42%)
Яскравість
0,119
Gundaroo Green #959984
RGB
rgb(149, 153, 132)
HSL
hsl(71, 9%, 56%)
Яскравість
0,308
Kiss Me Kate #E8EDEC
RGB
rgb(232, 237, 236)
HSL
hsl(168, 12%, 92%)
Яскравість
0,838
Smoked Ham #F0B47F
RGB
rgb(240, 180, 127)
HSL
hsl(28, 79%, 72%)
Яскравість
0,527
Gulābī Pink #BF75BF
RGB
rgb(191, 117, 191)
HSL
hsl(300, 37%, 60%)
Яскравість
0,276
Slate Rose #B8636E
RGB
rgb(184, 99, 110)
HSL
hsl(352, 37%, 55%)
Яскравість
0,202
Magic Spell #554F69
RGB
rgb(85, 79, 105)
HSL
hsl(254, 14%, 36%)
Яскравість
0,085
Electrify #5262A1
RGB
rgb(82, 98, 161)
HSL
hsl(228, 33%, 48%)
Яскравість
0,131
Aero #7BBCE8
RGB
rgb(123, 188, 232)
HSL
hsl(204, 70%, 70%)
Яскравість
0,460
Magic Sage #5C8559
RGB
rgb(92, 133, 89)
HSL
hsl(116, 20%, 44%)
Яскравість
0,198
Mantis #74C261
RGB
rgb(116, 194, 97)
HSL
hsl(108, 44%, 57%)
Яскравість
0,432

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

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

Aa #19181C на #E8EDEC 14,94:1 AAA
Aa #19181C на #F0B47F 9,71:1 AAA
Aa #19181C на #7BBCE8 8,58:1 AAA
Aa #19181C на #74C261 8,10:1 AAA
Aa #E8EDEC на #554F69 6,56:1 AA
Aa #19181C на #959984 6,03:1 AA
Aa #19181C на #BF75BF 5,48:1 AA
Aa #57607D на #E8EDEC 5,26:1 AA
Aa #E8EDEC на #5262A1 4,90:1 AA
Aa #F0B47F на #554F69 4,26:1 AA, великий текст
Aa #19181C на #B8636E 4,25:1 AA, великий текст
Aa #19181C на #5C8559 4,17:1 AA, великий текст
Aa #554F69 на #7BBCE8 3,77:1 AA, великий текст
Aa #E8EDEC на #5C8559 3,58:1 AA, великий текст
Aa #554F69 на #74C261 3,56:1 AA, великий текст
Aa #E8EDEC на #B8636E 3,52:1 AA, великий текст
Aa #57607D на #F0B47F 3,42:1 AA, великий текст
Aa #F0B47F на #5262A1 3,19:1 AA, великий текст
Aa #19181C на #5262A1 3,05:1 AA, великий текст
Aa #57607D на #7BBCE8 3,02:1 AA, великий текст
Aa #57607D на #74C261 2,85:1 Не проходить
Aa #19181C на #57607D 2,84:1 Не проходить
Aa #5262A1 на #7BBCE8 2,82:1 Не проходить
Aa #E8EDEC на #BF75BF 2,73:1 Не проходить
Aa #5262A1 на #74C261 2,66:1 Не проходить
Aa #959984 на #554F69 2,65:1 Не проходить
Aa #959984 на #E8EDEC 2,48:1 Не проходить
Aa #BF75BF на #554F69 2,40:1 Не проходить
Aa #F0B47F на #5C8559 2,33:1 Не проходить
Aa #F0B47F на #B8636E 2,29:1 Не проходить
Aa #19181C на #554F69 2,28:1 Не проходить
Aa #57607D на #959984 2,12:1 Не проходить
Aa #7BBCE8 на #5C8559 2,06:1 Не проходить
Aa #B8636E на #7BBCE8 2,02:1 Не проходить
Aa #959984 на #5262A1 1,98:1 Не проходить
Aa #5C8559 на #74C261 1,94:1 Не проходить
Aa #57607D на #BF75BF 1,93:1 Не проходить
Aa #B8636E на #74C261 1,91:1 Не проходить
Aa #B8636E на #554F69 1,86:1 Не проходить
Aa #E8EDEC на #74C261 1,84:1 Не проходить
Aa #554F69 на #5C8559 1,83:1 Не проходить
Aa #BF75BF на #5262A1 1,80:1 Не проходить
Aa #F0B47F на #BF75BF 1,77:1 Не проходить
Aa #E8EDEC на #7BBCE8 1,74:1 Не проходить
Aa #959984 на #F0B47F 1,61:1 Не проходить
Aa #BF75BF на #7BBCE8 1,57:1 Не проходить
Aa #E8EDEC на #F0B47F 1,54:1 Не проходить
Aa #57607D на #B8636E 1,50:1 Не проходить
Aa #BF75BF на #74C261 1,48:1 Не проходить
Aa #57607D на #5C8559 1,47:1 Не проходить
Aa #959984 на #5C8559 1,45:1 Не проходить
Aa #959984 на #B8636E 1,42:1 Не проходить
Aa #959984 на #7BBCE8 1,42:1 Не проходить
Aa #B8636E на #5262A1 1,39:1 Не проходить
Aa #5262A1 на #5C8559 1,37:1 Не проходить
Aa #959984 на #74C261 1,34:1 Не проходить
Aa #554F69 на #5262A1 1,34:1 Не проходить
Aa #BF75BF на #5C8559 1,31:1 Не проходить
Aa #BF75BF на #B8636E 1,29:1 Не проходить
Aa #57607D на #554F69 1,25:1 Не проходить
Aa #F0B47F на #74C261 1,20:1 Не проходить
Aa #F0B47F на #7BBCE8 1,13:1 Не проходить
Aa #959984 на #BF75BF 1,10:1 Не проходить
Aa #57607D на #5262A1 1,07:1 Не проходить
Aa #7BBCE8 на #74C261 1,06:1 Не проходить
Aa #B8636E на #5C8559 1,02: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 кольори