Inference Contrast

Vivid Cyan
#00b8d9
Coral Red
#ff5c5c
Soft Lime
#a7d129
Dark Charcoal
#222222
Bright White
#ffffff

Палітра містить світлий, темний кольори. Акцентні кольори Vivid Cyan #00b8d9 та Coral Red #ff5c5c. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

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

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

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

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

HEX-коди (відсортовано): #00B8D9, #222222, #A7D129, #FF5C5C, #FFFFFF

Палітра Inference Contrast містить комбінацію з 5 кодів кольорів :

HEX: #00b8d9, RGB: (0, 184, 217); HEX: #ff5c5c, RGB: (255, 92, 92); HEX: #a7d129, RGB: (167, 209, 41)

HEX: #222222, RGB: (34, 34, 34); HEX: #ffffff, RGB: (255, 255, 255)

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

Відтінок deepskyblue, Відтінок tomato, Відтінок Жовтозелений, Відтінок Чорний, Білий

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

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

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

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

Колір	HEX	RGB	Назва	Альтернативна назва
#00b8d9	#00b8d9	RGB(0, 184, 217)	Vivid Cyan	—
#ff5c5c	#ff5c5c	RGB(255, 92, 92)	Coral Red	—
#a7d129	#a7d129	RGB(167, 209, 41)	Soft Lime	—
#222222	#222222	RGB(34, 34, 34)	Dark Charcoal	Black Out
#ffffff	#ffffff	RGB(255, 255, 255)	Bright White	White

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#00b8d9	#ff5c5c	1.27
#00b8d9	#a7d129	1.33
#ff5c5c	#a7d129	1.7
#a7d129	#ffffff	1.78

Зображення палітри Inference Contrast png

--color-vivid-cyan:	#00b8d9;
--color-coral-red:	#ff5c5c;
--color-soft-lime:	#a7d129;
--color-dark-charcoal:	#222222;
--color-bright-white:	#ffffff;

$color-vivid-cyan:	#00b8d9;
$color-coral-red:	#ff5c5c;
$color-soft-lime:	#a7d129;
$color-dark-charcoal:	#222222;
$color-bright-white:	#ffffff;

@color-vivid-cyan:	#00b8d9;
@color-coral-red:	#ff5c5c;
@color-soft-lime:	#a7d129;
@color-dark-charcoal:	#222222;
@color-bright-white:	#ffffff;