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

Tritanopi8

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

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

Tritanopi8

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

Редагувати
Землисті 8 кольорів Нейтральні Змішані Комплементарна tritanopia colourblindness
Вподобання 10
Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #555555;
  --c-earthy-3: #AAAAAA;
  --c-earthy-4: #FFFFFF;
  --c-earthy-5: #00AA7F;
  --c-earthy-6: #55FFD0;
  --c-earthy-7: #AA0020;
  --c-earthy-8: #FF557F;
}

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

Ця землиста палітра з 8 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Stone Cold, Dhūsar Grey, White, Simply Green, Rare Wind, Incarnadine та Warm Pink в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 9 з них, найконтрастніша — #000000 на #FFFFFF (21:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Stone Cold #555555
RGB
rgb(85, 85, 85)
HSL
hsl(0, 0%, 33%)
Яскравість
0,091
Dhūsar Grey #AAAAAA
RGB
rgb(170, 170, 170)
HSL
hsl(0, 0%, 67%)
Яскравість
0,402
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Яскравість
1,000
Simply Green #00AA7F
RGB
rgb(0, 170, 127)
HSL
hsl(165, 100%, 33%)
Яскравість
0,303
Rare Wind #55FFD0
RGB
rgb(85, 255, 208)
HSL
hsl(163, 100%, 67%)
Яскравість
0,780
Incarnadine #AA0020
RGB
rgb(170, 0, 32)
HSL
hsl(349, 100%, 33%)
Яскравість
0,087
Warm Pink #FF557F
RGB
rgb(255, 85, 127)
HSL
hsl(345, 100%, 67%)
Яскравість
0,293

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

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

Aa #000000 на #FFFFFF 21,00:1 AAA
Aa #000000 на #55FFD0 16,60:1 AAA
Aa #000000 на #AAAAAA 9,04:1 AAA
Aa #FFFFFF на #AA0020 7,69:1 AAA
Aa #555555 на #FFFFFF 7,46:1 AAA
Aa #000000 на #00AA7F 7,06:1 AAA
Aa #000000 на #FF557F 6,86:1 AA
Aa #55FFD0 на #AA0020 6,08:1 AA
Aa #555555 на #55FFD0 5,89:1 AA
Aa #AAAAAA на #AA0020 3,31:1 AA, великий текст
Aa #555555 на #AAAAAA 3,21:1 AA, великий текст
Aa #FFFFFF на #FF557F 3,06:1 AA, великий текст
Aa #FFFFFF на #00AA7F 2,98:1 Не проходить
Aa #000000 на #555555 2,82:1 Не проходить
Aa #000000 на #AA0020 2,73:1 Не проходить
Aa #00AA7F на #AA0020 2,58:1 Не проходить
Aa #555555 на #00AA7F 2,51:1 Не проходить
Aa #AA0020 на #FF557F 2,51:1 Не проходить
Aa #555555 на #FF557F 2,43:1 Не проходить
Aa #55FFD0 на #FF557F 2,42:1 Не проходить
Aa #00AA7F на #55FFD0 2,35:1 Не проходить
Aa #AAAAAA на #FFFFFF 2,32:1 Не проходить
Aa #AAAAAA на #55FFD0 1,84:1 Не проходить
Aa #AAAAAA на #FF557F 1,32:1 Не проходить
Aa #AAAAAA на #00AA7F 1,28:1 Не проходить
Aa #FFFFFF на #55FFD0 1,26:1 Не проходить
Aa #555555 на #AA0020 1,03:1 Не проходить
Aa #00AA7F на #FF557F 1,03: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 кольори