Developer Portal Theme UI

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

Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące API Teal #29d9c2 i Console Pink #ffb1b1. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.

Według jasności paleta rozciąga się od #1C2331 (najciemniejszy) do #FBFBFB (najjaśniejszy). Zakres jasności jest szeroki.

Nasycenie jest mieszane — część próbek stonowana, część żywsza.

Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).

Ciepłe i zimne próbki są dość zrównoważone.

Kody HEX (posortowane): #1C2331, #29D9C2, #999999, #D6F579, #FBFBFB, #FFB1B1

Paleta Developer Portal Theme UI zawiera kombinację kolorów kodów 6:

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

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

Uproszczona wersja palety kolorów

Cień Czarny, Odcień turquoise, Odcień darkgrey, Cień greenyellow, Odcień lightpink, Odcień Biały

Schemat kolorów został stworzony przez colorslib

Więcej palet z:

Kody kolorów w palecie

Developer Portal Theme UI kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#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

Kontrast palety kolorów

8 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#29d9c2	#999999	1.6
#29d9c2	#d6f579	1.45
#29d9c2	#ffb1b1	1.03
#29d9c2	#fbfbfb	1.72
#999999	#ffb1b1	1.65
#d6f579	#ffb1b1	1.41

Paleta obrazów 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;