Реєстрація Реєстрація
Jigglypuff 11

Jigglypuff 11

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

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

Jigglypuff 11

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

Редагувати
Землисті 11 кольорів Теплі Змішані Комплементарна light ludibrolo
Вподобання 26
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #5C3C5C;
  --c-earthy-3: #875151;
  --c-earthy-4: #B5855E;
  --c-earthy-5: #BAB280;
  --c-earthy-6: #63AB6C;
  --c-earthy-7: #457080;
  --c-earthy-8: #554580;
  --c-earthy-9: #AD58AD;
  --c-earthy-10: #BFA8BF;
  --c-earthy-11: #DDE8EB;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Moby Dick (#DDE8EB), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Purple Wineberry, New Roof, Safari Sun, Tomatillo Salsa, Boring Green, Wild River, Gentian Violet, Royalty Loyalty, Fair Orchid та Moby Dick в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #000000 на #DDE8EB (16,82:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Purple Wineberry #5C3C5C
RGB
rgb(92, 60, 92)
HSL
hsl(300, 21%, 30%)
Яскравість
0,063
New Roof #875151
RGB
rgb(135, 81, 81)
HSL
hsl(0, 25%, 42%)
Яскравість
0,116
Safari Sun #B5855E
RGB
rgb(181, 133, 94)
HSL
hsl(27, 37%, 54%)
Яскравість
0,274
Tomatillo Salsa #BAB280
RGB
rgb(186, 178, 128)
HSL
hsl(52, 30%, 62%)
Яскравість
0,438
Boring Green #63AB6C
RGB
rgb(99, 171, 108)
HSL
hsl(128, 30%, 53%)
Яскравість
0,329
Wild River #457080
RGB
rgb(69, 112, 128)
HSL
hsl(196, 30%, 39%)
Яскравість
0,144
Gentian Violet #554580
RGB
rgb(85, 69, 128)
HSL
hsl(256, 30%, 39%)
Яскравість
0,078
Royalty Loyalty #AD58AD
RGB
rgb(173, 88, 173)
HSL
hsl(300, 34%, 51%)
Яскравість
0,189
Fair Orchid #BFA8BF
RGB
rgb(191, 168, 191)
HSL
hsl(300, 15%, 70%)
Яскравість
0,428
Moby Dick #DDE8EB
RGB
rgb(221, 232, 235)
HSL
hsl(193, 26%, 89%)
Яскравість
0,791

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

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

Aa #000000 на #DDE8EB 16,82:1 AAA
Aa #000000 на #BAB280 9,77:1 AAA
Aa #000000 на #BFA8BF 9,57:1 AAA
Aa #000000 на #63AB6C 7,57:1 AAA
Aa #5C3C5C на #DDE8EB 7,45:1 AAA
Aa #554580 на #DDE8EB 6,60:1 AA
Aa #000000 на #B5855E 6,48:1 AA
Aa #875151 на #DDE8EB 5,06:1 AA
Aa #000000 на #AD58AD 4,78:1 AA
Aa #5C3C5C на #BAB280 4,33:1 AA, великий текст
Aa #457080 на #DDE8EB 4,33:1 AA, великий текст
Aa #5C3C5C на #BFA8BF 4,24:1 AA, великий текст
Aa #000000 на #457080 3,88:1 AA, великий текст
Aa #BAB280 на #554580 3,83:1 AA, великий текст
Aa #554580 на #BFA8BF 3,75:1 AA, великий текст
Aa #AD58AD на #DDE8EB 3,52:1 AA, великий текст
Aa #5C3C5C на #63AB6C 3,36:1 AA, великий текст
Aa #000000 на #875151 3,33:1 AA, великий текст
Aa #63AB6C на #554580 2,97:1 Не проходить
Aa #875151 на #BAB280 2,94:1 Не проходить
Aa #875151 на #BFA8BF 2,88:1 Не проходить
Aa #5C3C5C на #B5855E 2,87:1 Не проходить
Aa #B5855E на #DDE8EB 2,59:1 Не проходить
Aa #000000 на #554580 2,55:1 Не проходить
Aa #B5855E на #554580 2,54:1 Не проходить
Aa #BAB280 на #457080 2,52:1 Не проходить
Aa #457080 на #BFA8BF 2,46:1 Не проходить
Aa #875151 на #63AB6C 2,28:1 Не проходить
Aa #000000 на #5C3C5C 2,26:1 Не проходить
Aa #63AB6C на #DDE8EB 2,22:1 Не проходить
Aa #5C3C5C на #AD58AD 2,12:1 Не проходить
Aa #BAB280 на #AD58AD 2,05:1 Не проходить
Aa #AD58AD на #BFA8BF 2,00:1 Не проходить
Aa #875151 на #B5855E 1,95:1 Не проходить
Aa #63AB6C на #457080 1,95:1 Не проходить
Aa #554580 на #AD58AD 1,87:1 Не проходить
Aa #BFA8BF на #DDE8EB 1,76:1 Не проходить
Aa #5C3C5C на #457080 1,72:1 Не проходить
Aa #BAB280 на #DDE8EB 1,72:1 Не проходить
Aa #B5855E на #457080 1,67:1 Не проходить
Aa #63AB6C на #AD58AD 1,59:1 Не проходить
Aa #457080 на #554580 1,52:1 Не проходить
Aa #B5855E на #BAB280 1,51:1 Не проходить
Aa #B5855E на #BFA8BF 1,48:1 Не проходить
Aa #5C3C5C на #875151 1,47:1 Не проходить
Aa #875151 на #AD58AD 1,44:1 Не проходить
Aa #B5855E на #AD58AD 1,36:1 Не проходить
Aa #875151 на #554580 1,30:1 Не проходить
Aa #BAB280 на #63AB6C 1,29:1 Не проходить
Aa #63AB6C на #BFA8BF 1,26:1 Не проходить
Aa #457080 на #AD58AD 1,23:1 Не проходить
Aa #875151 на #457080 1,17:1 Не проходить
Aa #B5855E на #63AB6C 1,17:1 Не проходить
Aa #5C3C5C на #554580 1,13:1 Не проходить
Aa #BAB280 на #BFA8BF 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 кольори