Hyperlinked Interface Elements

Anchor Blue
#007aff
Hover Mist
#f0f4f8
Tap Rose
#ffbacd
Focus Yellow
#fff176
Unvisited Slate
#475569
Visited Indigo
#7c3aed

Палітра містить світлий, напівтемний кольори. Акцентні кольори Anchor Blue #007aff та Focus Yellow #fff176. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

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

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

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

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

HEX-коди (відсортовано): #007AFF, #475569, #7C3AED, #F0F4F8, #FFBACD, #FFF176

Палітра Hyperlinked Interface Elements містить комбінацію з 6 кодів кольорів :

HEX: #007aff, RGB: (0, 122, 255); HEX: #f0f4f8, RGB: (240, 244, 248); HEX: #ffbacd, RGB: (255, 186, 205)

HEX: #fff176, RGB: (255, 241, 118); HEX: #475569, RGB: (71, 85, 105); HEX: #7c3aed, RGB: (124, 58, 237)

Спрощений варіант палітри кольорів

Відтінок steelblue, Відтінок aliceblue, Відтінок Рожевий, Відтінок хакі, Відтінок darkslateblue, Відтінок blueviolet

Кольорова схема створена автором colorday

Більше палітр з:

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

Hyperlinked Interface Elements коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#007aff	#007aff	RGB(0, 122, 255)	Anchor Blue	—
#f0f4f8	#f0f4f8	RGB(240, 244, 248)	Hover Mist	Child of Light
#ffbacd	#ffbacd	RGB(255, 186, 205)	Tap Rose	Tentacle Pink
#fff176	#fff176	RGB(255, 241, 118)	Focus Yellow	—
#475569	#475569	RGB(71, 85, 105)	Unvisited Slate	—
#7c3aed	#7c3aed	RGB(124, 58, 237)	Visited Indigo	—

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

6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#007aff	#475569	1.88
#007aff	#7c3aed	1.41
#f0f4f8	#ffbacd	1.44
#f0f4f8	#fff176	1.05
#ffbacd	#fff176	1.37
#475569	#7c3aed	1.32

Зображення палітри Hyperlinked Interface Elements png

Hyperlinked Interface Elements - #552001

--color-anchor-blue:	#007aff;
--color-hover-mist:	#f0f4f8;
--color-tap-rose:	#ffbacd;
--color-focus-yellow:	#fff176;
--color-unvisited-slate:	#475569;
--color-visited-indigo:	#7c3aed;

$color-anchor-blue:	#007aff;
$color-hover-mist:	#f0f4f8;
$color-tap-rose:	#ffbacd;
$color-focus-yellow:	#fff176;
$color-unvisited-slate:	#475569;
$color-visited-indigo:	#7c3aed;

@color-anchor-blue:	#007aff;
@color-hover-mist:	#f0f4f8;
@color-tap-rose:	#ffbacd;
@color-focus-yellow:	#fff176;
@color-unvisited-slate:	#475569;
@color-visited-indigo:	#7c3aed;