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

Logcabin

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

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

Logcabin

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

Редагувати
Яскраві 11 кольорів Теплі Світлі Комплементарна artist winter cozy
Вподобання 50
Кольори 11

CSS-змінні

:root {
  --c-vibrant-1: #73383E;
  --c-vibrant-2: #AD5845;
  --c-vibrant-3: #CF784C;
  --c-vibrant-4: #E8AD80;
  --c-vibrant-5: #F5E5BF;
  --c-vibrant-6: #F7FFED;
  --c-vibrant-7: #B5F5EC;
  --c-vibrant-8: #5BACE3;
  --c-vibrant-9: #636AB8;
  --c-vibrant-10: #574175;
  --c-vibrant-11: #2F2338;
}

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

Ця яскрава палітра з 11 кольорів охоплює діапазон від Pearl Powder (#F7FFED), найсвітлішого тону, до Bleached Cedar (#2F2338), найтемнішого. Вона об'єднує Antique Rosewood, Tibetan Orange, Brown Sugar Glaze, Melting Sunset, Scroll of Wisdom, Pearl Powder, Pale King’s Blue, Blue Jeans, Bluish Purple Anemone, When Red Met Blue та Bleached Cedar в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 15 з них, найконтрастніша — #F7FFED на #2F2338 (14,44:1).

Універсальна палітра для маркетингових сторінок, hero-блоків продукту, ілюстрацій і акцентних станів інтерфейсу.

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

Antique Rosewood #73383E
RGB
rgb(115, 56, 62)
HSL
hsl(354, 35%, 34%)
Яскравість
0,068
Tibetan Orange #AD5845
RGB
rgb(173, 88, 69)
HSL
hsl(11, 43%, 47%)
Яскравість
0,163
Brown Sugar Glaze #CF784C
RGB
rgb(207, 120, 76)
HSL
hsl(20, 58%, 55%)
Яскравість
0,272
Melting Sunset #E8AD80
RGB
rgb(232, 173, 128)
HSL
hsl(26, 69%, 71%)
Яскравість
0,486
Scroll of Wisdom #F5E5BF
RGB
rgb(245, 229, 191)
HSL
hsl(42, 73%, 85%)
Яскравість
0,792
Pearl Powder #F7FFED
RGB
rgb(247, 255, 237)
HSL
hsl(87, 100%, 96%)
Яскравість
0,974
Pale King’s Blue #B5F5EC
RGB
rgb(181, 245, 236)
HSL
hsl(172, 76%, 84%)
Яскравість
0,812
Blue Jeans #5BACE3
RGB
rgb(91, 172, 227)
HSL
hsl(204, 71%, 62%)
Яскравість
0,373
Bluish Purple Anemone #636AB8
RGB
rgb(99, 106, 184)
HSL
hsl(235, 37%, 55%)
Яскравість
0,164
When Red Met Blue #574175
RGB
rgb(87, 65, 117)
HSL
hsl(265, 29%, 36%)
Яскравість
0,071
Bleached Cedar #2F2338
RGB
rgb(47, 35, 56)
HSL
hsl(274, 23%, 18%)
Яскравість
0,021

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

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

Aa #F7FFED на #2F2338 14,44:1 AAA
Aa #B5F5EC на #2F2338 12,15:1 AAA
Aa #F5E5BF на #2F2338 11,87:1 AAA
Aa #73383E на #F7FFED 8,66:1 AAA
Aa #F7FFED на #574175 8,47:1 AAA
Aa #E8AD80 на #2F2338 7,56:1 AAA
Aa #73383E на #B5F5EC 7,29:1 AAA
Aa #B5F5EC на #574175 7,13:1 AAA
Aa #73383E на #F5E5BF 7,12:1 AAA
Aa #F5E5BF на #574175 6,96:1 AA
Aa #5BACE3 на #2F2338 5,96:1 AA
Aa #AD5845 на #F7FFED 4,81:1 AA
Aa #F7FFED на #636AB8 4,78:1 AA
Aa #CF784C на #2F2338 4,54:1 AA
Aa #73383E на #E8AD80 4,53:1 AA
Aa #E8AD80 на #574175 4,43:1 AA, великий текст
Aa #AD5845 на #B5F5EC 4,05:1 AA, великий текст
Aa #B5F5EC на #636AB8 4,02:1 AA, великий текст
Aa #AD5845 на #F5E5BF 3,95:1 AA, великий текст
Aa #F5E5BF на #636AB8 3,93:1 AA, великий текст
Aa #73383E на #5BACE3 3,58:1 AA, великий текст
Aa #5BACE3 на #574175 3,50:1 AA, великий текст
Aa #CF784C на #F7FFED 3,18:1 AA, великий текст
Aa #636AB8 на #2F2338 3,02:1 AA, великий текст
Aa #AD5845 на #2F2338 3,00:1 AA, великий текст
Aa #73383E на #CF784C 2,73:1 Не проходить
Aa #CF784C на #B5F5EC 2,67:1 Не проходить
Aa #CF784C на #574175 2,66:1 Не проходить
Aa #CF784C на #F5E5BF 2,61:1 Не проходить
Aa #AD5845 на #E8AD80 2,52:1 Не проходить
Aa #E8AD80 на #636AB8 2,50:1 Не проходить
Aa #F7FFED на #5BACE3 2,42:1 Не проходить
Aa #B5F5EC на #5BACE3 2,04:1 Не проходить
Aa #AD5845 на #5BACE3 1,99:1 Не проходить
Aa #F5E5BF на #5BACE3 1,99:1 Не проходить
Aa #5BACE3 на #636AB8 1,97:1 Не проходить
Aa #E8AD80 на #F7FFED 1,91:1 Не проходить
Aa #73383E на #636AB8 1,81:1 Не проходить
Aa #73383E на #AD5845 1,80:1 Не проходить
Aa #636AB8 на #574175 1,77:1 Не проходить
Aa #AD5845 на #574175 1,76:1 Не проходить
Aa #574175 на #2F2338 1,70:1 Не проходить
Aa #73383E на #2F2338 1,67:1 Не проходить
Aa #CF784C на #E8AD80 1,66:1 Не проходить
Aa #E8AD80 на #B5F5EC 1,61:1 Не проходить
Aa #E8AD80 на #F5E5BF 1,57:1 Не проходить
Aa #AD5845 на #CF784C 1,51:1 Не проходить
Aa #CF784C на #636AB8 1,50:1 Не проходить
Aa #CF784C на #5BACE3 1,31:1 Не проходить
Aa #E8AD80 на #5BACE3 1,27:1 Не проходить
Aa #F5E5BF на #F7FFED 1,22:1 Не проходить
Aa #F7FFED на #B5F5EC 1,19:1 Не проходить
Aa #73383E на #574175 1,02:1 Не проходить
Aa #F5E5BF на #B5F5EC 1,02:1 Не проходить
Aa #AD5845 на #636AB8 1,01:1 Не проходить

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

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 кольори
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 кольори
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 кольори
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 кольори
#F38181 #FCE38A #EAFFD0 #95E1D3
4 кольори
#B7C4CF #EEE3CB #D7C0AE #967E76
4 кольори
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 кольори
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 кольори