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

Finlal 11

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

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

Finlal 11

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

Редагувати
Землисті 11 кольорів Нейтральні Змішані Комплементарна artist pjcolorcomp11 pjcolorcomp
Вподобання 5
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #171419;
  --c-earthy-2: #530C1E;
  --c-earthy-3: #223555;
  --c-earthy-4: #AF3451;
  --c-earthy-5: #3B6688;
  --c-earthy-6: #238433;
  --c-earthy-7: #9F8474;
  --c-earthy-8: #889EB7;
  --c-earthy-9: #BDA0BC;
  --c-earthy-10: #CBC990;
  --c-earthy-11: #E4E5F1;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від Lavender Syrup (#E4E5F1), найсвітлішого тону, до Dark Void (#171419), найтемнішого. Вона об'єднує Dark Void, Maroon Oak, Boatswain, Raspberry Wine, Mississippi River, Gorgeous Green, Wood Lake, Astro Bound, Leek Blossom Pink, Creamy Spinaci та Lavender Syrup в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #171419 на #E4E5F1 (14,58:1).

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

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

Dark Void #171419
RGB
rgb(23, 20, 25)
HSL
hsl(276, 11%, 9%)
Яскравість
0,008
Maroon Oak #530C1E
RGB
rgb(83, 12, 30)
HSL
hsl(345, 75%, 19%)
Яскравість
0,022
Boatswain #223555
RGB
rgb(34, 53, 85)
HSL
hsl(218, 43%, 23%)
Яскравість
0,035
Raspberry Wine #AF3451
RGB
rgb(175, 52, 81)
HSL
hsl(346, 54%, 45%)
Яскравість
0,122
Mississippi River #3B6688
RGB
rgb(59, 102, 136)
HSL
hsl(206, 39%, 38%)
Яскравість
0,122
Gorgeous Green #238433
RGB
rgb(35, 132, 51)
HSL
hsl(130, 58%, 33%)
Яскравість
0,171
Wood Lake #9F8474
RGB
rgb(159, 132, 116)
HSL
hsl(22, 18%, 54%)
Яскравість
0,251
Astro Bound #889EB7
RGB
rgb(136, 158, 183)
HSL
hsl(212, 25%, 63%)
Яскравість
0,331
Leek Blossom Pink #BDA0BC
RGB
rgb(189, 160, 188)
HSL
hsl(302, 18%, 68%)
Яскравість
0,396
Creamy Spinaci #CBC990
RGB
rgb(203, 201, 144)
HSL
hsl(58, 36%, 68%)
Яскравість
0,565
Lavender Syrup #E4E5F1
RGB
rgb(228, 229, 241)
HSL
hsl(235, 32%, 92%)
Яскравість
0,789

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

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

Aa #171419 на #E4E5F1 14,58:1 AAA
Aa #530C1E на #E4E5F1 11,66:1 AAA
Aa #171419 на #CBC990 10,69:1 AAA
Aa #223555 на #E4E5F1 9,82:1 AAA
Aa #530C1E на #CBC990 8,54:1 AAA
Aa #171419 на #BDA0BC 7,75:1 AAA
Aa #223555 на #CBC990 7,20:1 AAA
Aa #171419 на #889EB7 6,62:1 AA
Aa #530C1E на #BDA0BC 6,20:1 AA
Aa #530C1E на #889EB7 5,30:1 AA
Aa #171419 на #9F8474 5,24:1 AA
Aa #223555 на #BDA0BC 5,22:1 AA
Aa #AF3451 на #E4E5F1 4,89:1 AA
Aa #3B6688 на #E4E5F1 4,87:1 AA
Aa #223555 на #889EB7 4,46:1 AA, великий текст
Aa #530C1E на #9F8474 4,19:1 AA, великий текст
Aa #171419 на #238433 3,84:1 AA, великий текст
Aa #238433 на #E4E5F1 3,80:1 AA, великий текст
Aa #AF3451 на #CBC990 3,58:1 AA, великий текст
Aa #3B6688 на #CBC990 3,57:1 AA, великий текст
Aa #223555 на #9F8474 3,53:1 AA, великий текст
Aa #530C1E на #238433 3,07:1 AA, великий текст
Aa #171419 на #3B6688 2,99:1 Не проходить
Aa #171419 на #AF3451 2,98:1 Не проходить
Aa #238433 на #CBC990 2,78:1 Не проходить
Aa #9F8474 на #E4E5F1 2,78:1 Не проходить
Aa #AF3451 на #BDA0BC 2,60:1 Не проходить
Aa #223555 на #238433 2,59:1 Не проходить
Aa #3B6688 на #BDA0BC 2,59:1 Не проходить
Aa #530C1E на #AF3451 2,39:1 Не проходить
Aa #530C1E на #3B6688 2,39:1 Не проходить
Aa #AF3451 на #889EB7 2,22:1 Не проходить
Aa #3B6688 на #889EB7 2,21:1 Не проходить
Aa #889EB7 на #E4E5F1 2,20:1 Не проходить
Aa #9F8474 на #CBC990 2,04:1 Не проходить
Aa #238433 на #BDA0BC 2,02:1 Не проходить
Aa #223555 на #AF3451 2,01:1 Не проходить
Aa #223555 на #3B6688 2,01:1 Не проходить
Aa #BDA0BC на #E4E5F1 1,88:1 Не проходить
Aa #AF3451 на #9F8474 1,76:1 Не проходить
Aa #3B6688 на #9F8474 1,75:1 Не проходить
Aa #238433 на #889EB7 1,72:1 Не проходить
Aa #889EB7 на #CBC990 1,61:1 Не проходить
Aa #171419 на #223555 1,48:1 Не проходить
Aa #9F8474 на #BDA0BC 1,48:1 Не проходить
Aa #BDA0BC на #CBC990 1,38:1 Не проходить
Aa #238433 на #9F8474 1,36:1 Не проходить
Aa #CBC990 на #E4E5F1 1,36:1 Не проходить
Aa #AF3451 на #238433 1,29:1 Не проходить
Aa #3B6688 на #238433 1,28:1 Не проходить
Aa #9F8474 на #889EB7 1,26:1 Не проходить
Aa #171419 на #530C1E 1,25:1 Не проходить
Aa #530C1E на #223555 1,19:1 Не проходить
Aa #889EB7 на #BDA0BC 1,17:1 Не проходить
Aa #AF3451 на #3B6688 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 кольори