Створено 07/06/2025 08:43
авторcolorslib
  1

Accessible Hypermedia Toolkit

  • Control Orange
    #ffa07a
  • Form Contrast Navy
    #2f3e46
  • Tab Cream
    #fffdf9
  • Focus Indigo
    #5e60ce
  • Text Legible Gray
    #6b7280
  • Touchpoint Aqua
    #a7ffeb
Loading...
Палітра містить світлий кольори. Акцентні кольори Tab Cream #fffdf9 та Touchpoint Aqua #a7ffeb. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.

За світлістю палітра сягає від #2F3E46 (найтемніший) до #FFFDF9 (найсвітліший). Діапазон світлості широкий.

Загалом насиченість здається яскравою (висока хрома).

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

Загалом температура зміщена в бік холодного.

HEX-коди (відсортовано): #2F3E46, #5E60CE, #6B7280, #A7FFEB, #FFA07A, #FFFDF9

Палітра Accessible Hypermedia Toolkit містить комбінацію з 6 кодів кольорів :
HEX: #ffa07a, RGB: (255, 160, 122); HEX: #2f3e46, RGB: (47, 62, 70); HEX: #fffdf9, RGB: (255, 253, 249)
HEX: #5e60ce, RGB: (94, 96, 206); HEX: #6b7280, RGB: (107, 114, 128); HEX: #a7ffeb, RGB: (167, 255, 235)
Спрощений варіант палітри кольорів
Відтінок darkslategrey, Відтінок Білий, Відтінок slateblue, Відтінок slategrey, Відтінок aquamarine
Кольорова схема створена автором colorslib

Коди кольорів у палітрі

Accessible Hypermedia Toolkit коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#ffa07a #ffa07a RGB(255, 160, 122)Control OrangeDwarven Flesh
#2f3e46 #2f3e46 RGB(47, 62, 70)Form Contrast Navy
#fffdf9 #fffdf9 RGB(255, 253, 249)Tab Cream
#5e60ce #5e60ce RGB(94, 96, 206)Focus Indigo
#6b7280 #6b7280 RGB(107, 114, 128)Text Legible Gray
#a7ffeb #a7ffeb RGB(167, 255, 235)Touchpoint Aqua

Контраст палітри кольорів

4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#ffa07a
#fffdf9
1.95
#ffa07a
#a7ffeb
1.71
#fffdf9
#a7ffeb
1.13
#5e60ce
#6b7280
1.07

Зображення палітри Accessible Hypermedia Toolkit png

Loading...
Loading...