Реєстрація Реєстрація
TY Dark RPG 10

TY Dark RPG 10

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

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

TY Dark RPG 10

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

Редагувати
Приглушені 10 кольорів Теплі Змішані Комплементарна dark limited versatile rpg
Вподобання 8
Кольори 10

CSS-змінні

:root {
  --c-muted-1: #BCC9CB;
  --c-muted-2: #72AC92;
  --c-muted-3: #606A40;
  --c-muted-4: #4E4843;
  --c-muted-5: #393217;
  --c-muted-6: #000000;
  --c-muted-7: #A49983;
  --c-muted-8: #B1798C;
  --c-muted-9: #7D4948;
  --c-muted-10: #3E2E3D;
}

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

Ця приглушена палітра з 10 кольорів охоплює діапазон від Hazy Blue (#BCC9CB), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Hazy Blue, Dublin Jack, Golfer Green, Black Fox, Pullman Green, Black, Churchill Downs, Foxglove, Tuscan Red та Disappearing Purple в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 45. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 10 з них, найконтрастніша — #BCC9CB на #000000 (12,36:1).

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

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

Hazy Blue #BCC9CB
RGB
rgb(188, 201, 203)
HSL
hsl(188, 13%, 77%)
Яскравість
0,568
Dublin Jack #72AC92
RGB
rgb(114, 172, 146)
HSL
hsl(153, 26%, 56%)
Яскравість
0,352
Golfer Green #606A40
RGB
rgb(96, 106, 64)
HSL
hsl(74, 25%, 33%)
Яскравість
0,132
Black Fox #4E4843
RGB
rgb(78, 72, 67)
HSL
hsl(27, 8%, 28%)
Яскравість
0,067
Pullman Green #393217
RGB
rgb(57, 50, 23)
HSL
hsl(48, 43%, 16%)
Яскравість
0,032
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Churchill Downs #A49983
RGB
rgb(164, 153, 131)
HSL
hsl(40, 15%, 58%)
Яскравість
0,323
Foxglove #B1798C
RGB
rgb(177, 121, 140)
HSL
hsl(340, 26%, 58%)
Яскравість
0,249
Tuscan Red #7D4948
RGB
rgb(125, 73, 72)
HSL
hsl(1, 27%, 39%)
Яскравість
0,096
Disappearing Purple #3E2E3D
RGB
rgb(62, 46, 61)
HSL
hsl(304, 15%, 21%)
Яскравість
0,033

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

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

Aa #BCC9CB на #000000 12,36:1 AAA
Aa #72AC92 на #000000 8,03:1 AAA
Aa #BCC9CB на #393217 7,52:1 AAA
Aa #000000 на #A49983 7,46:1 AAA
Aa #BCC9CB на #3E2E3D 7,43:1 AAA
Aa #000000 на #B1798C 5,98:1 AA
Aa #BCC9CB на #4E4843 5,30:1 AA
Aa #72AC92 на #393217 4,89:1 AA
Aa #72AC92 на #3E2E3D 4,83:1 AA
Aa #393217 на #A49983 4,54:1 AA
Aa #A49983 на #3E2E3D 4,49:1 AA, великий текст
Aa #BCC9CB на #7D4948 4,23:1 AA, великий текст
Aa #393217 на #B1798C 3,64:1 AA, великий текст
Aa #606A40 на #000000 3,63:1 AA, великий текст
Aa #B1798C на #3E2E3D 3,60:1 AA, великий текст
Aa #72AC92 на #4E4843 3,44:1 AA, великий текст
Aa #BCC9CB на #606A40 3,40:1 AA, великий текст
Aa #4E4843 на #A49983 3,20:1 AA, великий текст
Aa #000000 на #7D4948 2,92:1 Не проходить
Aa #72AC92 на #7D4948 2,75:1 Не проходить
Aa #4E4843 на #B1798C 2,57:1 Не проходить
Aa #A49983 на #7D4948 2,56:1 Не проходить
Aa #4E4843 на #000000 2,33:1 Не проходить
Aa #72AC92 на #606A40 2,21:1 Не проходить
Aa #606A40 на #393217 2,21:1 Не проходить
Aa #606A40 на #3E2E3D 2,18:1 Не проходить
Aa #BCC9CB на #B1798C 2,07:1 Не проходить
Aa #606A40 на #A49983 2,05:1 Не проходить
Aa #B1798C на #7D4948 2,05:1 Не проходить
Aa #393217 на #7D4948 1,78:1 Не проходить
Aa #7D4948 на #3E2E3D 1,76:1 Не проходить
Aa #BCC9CB на #A49983 1,66:1 Не проходить
Aa #000000 на #3E2E3D 1,66:1 Не проходить
Aa #606A40 на #B1798C 1,65:1 Не проходить
Aa #393217 на #000000 1,64:1 Не проходить
Aa #606A40 на #4E4843 1,56:1 Не проходить
Aa #BCC9CB на #72AC92 1,54:1 Не проходить
Aa #4E4843 на #393217 1,42:1 Не проходить
Aa #4E4843 на #3E2E3D 1,40:1 Не проходить
Aa #72AC92 на #B1798C 1,34:1 Не проходить
Aa #4E4843 на #7D4948 1,25:1 Не проходить
Aa #A49983 на #B1798C 1,25:1 Не проходить
Aa #606A40 на #7D4948 1,24:1 Не проходить
Aa #72AC92 на #A49983 1,08:1 Не проходить
Aa #393217 на #3E2E3D 1,01: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 кольори