Developer Portal Theme UI

Terminal Navy
#1c2331
API Teal
#29d9c2
Code Line Gray
#999999
Comment Lime
#d6f579
Console Pink
#ffb1b1
Header White
#fbfbfb

Палітра містить темний, світлий кольори. Акцентні кольори API Teal #29d9c2 та Console Pink #ffb1b1. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

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

Насиченість змішана — є приглушені й більш яскраві акценти.

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

Теплі й холодні зразки доволі збалансовані.

HEX-коди (відсортовано): #1C2331, #29D9C2, #999999, #D6F579, #FBFBFB, #FFB1B1

Палітра Developer Portal Theme UI містить комбінацію з 6 кодів кольорів :

HEX: #1c2331, RGB: (28, 35, 49); HEX: #29d9c2, RGB: (41, 217, 194); HEX: #999999, RGB: (153, 153, 153)

HEX: #d6f579, RGB: (214, 245, 121); HEX: #ffb1b1, RGB: (255, 177, 177); HEX: #fbfbfb, RGB: (251, 251, 251)

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

Відтінок Чорний, Відтінок turquoise, Відтінок darkgrey, Відтінок greenyellow, Відтінок lightpink, Відтінок Білий

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

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

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

Developer Portal Theme UI коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#1c2331	#1c2331	RGB(28, 35, 49)	Terminal Navy	—
#29d9c2	#29d9c2	RGB(41, 217, 194)	API Teal	—
#999999	#999999	RGB(153, 153, 153)	Code Line Gray	Basalt Grey
#d6f579	#d6f579	RGB(214, 245, 121)	Comment Lime	—
#ffb1b1	#ffb1b1	RGB(255, 177, 177)	Console Pink	—
#fbfbfb	#fbfbfb	RGB(251, 251, 251)	Header White	Whiteout

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#29d9c2	#999999	1.6
#29d9c2	#d6f579	1.45
#29d9c2	#ffb1b1	1.03
#29d9c2	#fbfbfb	1.72
#999999	#ffb1b1	1.65
#d6f579	#ffb1b1	1.41

Зображення палітри Developer Portal Theme UI png

--color-terminal-navy:	#1c2331;
--color-api-teal:	#29d9c2;
--color-code-line-gray:	#999999;
--color-comment-lime:	#d6f579;
--color-console-pink:	#ffb1b1;
--color-header-white:	#fbfbfb;

$color-terminal-navy:	#1c2331;
$color-api-teal:	#29d9c2;
$color-code-line-gray:	#999999;
$color-comment-lime:	#d6f579;
$color-console-pink:	#ffb1b1;
$color-header-white:	#fbfbfb;

@color-terminal-navy:	#1c2331;
@color-api-teal:	#29d9c2;
@color-code-line-gray:	#999999;
@color-comment-lime:	#d6f579;
@color-console-pink:	#ffb1b1;
@color-header-white:	#fbfbfb;