Hypermodern Code UI Overlay

Syntax Sand
#f4e9dc
Highlight Honey
#ffcf56
Debug Denim
#2f5d62
Inspect Iris
#816c94
Commit Clay
#b2a59b
Scroll Shadow
#121212

Paleta składa się z kolorów Światło, Półciemny, Ciemny. Kolory akcentujące Highlight Honey #ffcf56 i Debug Denim #2f5d62. Paleta ma temperaturę kolorów Neutralny, Ciepły, Zimny.

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

Nasycenie jest mieszane — 3 stonowanych i 2 żywych z 6 kolorów.

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

Ogólna temperatura barw przechyla się ku zimnu (2 z 6).

Kody HEX (posortowane): #121212, #2F5D62, #816C94, #B2A59B, #F4E9DC, #FFCF56

Paleta Hypermodern Code UI Overlay zawiera kombinację kolorów kodów 6:

KLĄTWA: #f4e9dc, RGB: (244, 233, 220); KLĄTWA: #ffcf56, RGB: (255, 207, 86); KLĄTWA: #2f5d62, RGB: (47, 93, 98)

KLĄTWA: #816c94, RGB: (129, 108, 148); KLĄTWA: #b2a59b, RGB: (178, 165, 155); KLĄTWA: #121212, RGB: (18, 18, 18)

Uproszczona wersja palety kolorów

Odcień linen, Cień gold, Cień darkslategrey, Odcień mediumpurple, Odcień darkgrey, Cień Czarny

Schemat kolorów został stworzony przez bad_colors

Kody kolorów w palecie

Hypermodern Code UI Overlay kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#f4e9dc	#f4e9dc	RGB(244, 233, 220)	Syntax Sand	—
#ffcf56	#ffcf56	RGB(255, 207, 86)	Highlight Honey	—
#2f5d62	#2f5d62	RGB(47, 93, 98)	Debug Denim	—
#816c94	#816c94	RGB(129, 108, 148)	Inspect Iris	—
#b2a59b	#b2a59b	RGB(178, 165, 155)	Commit Clay	—
#121212	#121212	RGB(18, 18, 18)	Scroll Shadow	Dark Tone Ink

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#f4e9dc	#ffcf56	1.22
#ffcf56	#b2a59b	1.63
#2f5d62	#816c94	1.57
#816c94	#b2a59b	1.94

Paleta obrazów Hypermodern Code UI Overlay png

--color-syntax-sand:	#f4e9dc;
--color-highlight-honey:	#ffcf56;
--color-debug-denim:	#2f5d62;
--color-inspect-iris:	#816c94;
--color-commit-clay:	#b2a59b;
--color-scroll-shadow:	#121212;

$color-syntax-sand:	#f4e9dc;
$color-highlight-honey:	#ffcf56;
$color-debug-denim:	#2f5d62;
$color-inspect-iris:	#816c94;
$color-commit-clay:	#b2a59b;
$color-scroll-shadow:	#121212;

@color-syntax-sand:	#f4e9dc;
@color-highlight-honey:	#ffcf56;
@color-debug-denim:	#2f5d62;
@color-inspect-iris:	#816c94;
@color-commit-clay:	#b2a59b;
@color-scroll-shadow:	#121212;