Open Web Component Studio

Element Sky
#60a5fa
Slot Cream
#fef6e3
Bind Indigo
#6366f1
Shadow Mint
#6ee7b7
Click Coral
#fb7185
Focus Slate
#475569
Structure Jet
#0f172a

Paleta składa się z kolorów Światło, Półciemny, Ciemny. Kolory akcentujące Element Sky #60a5fa i Click Coral #fb7185. Paleta ma temperaturę kolorów Zimny, Neutralny, Ciepły.

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

Nasycenie wydaje się żywe (wysoka chroma).

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.

Kody HEX (posortowane): #0F172A, #475569, #60A5FA, #6366F1, #6EE7B7, #FB7185, #FEF6E3

Paleta Open Web Component Studio zawiera kombinację kolorów kodów 7:

KLĄTWA: #60a5fa, RGB: (96, 165, 250); KLĄTWA: #fef6e3, RGB: (254, 246, 227); KLĄTWA: #6366f1, RGB: (99, 102, 241)

KLĄTWA: #6ee7b7, RGB: (110, 231, 183); KLĄTWA: #fb7185, RGB: (251, 113, 133); KLĄTWA: #475569, RGB: (71, 85, 105)

KLĄTWA: #0f172a, RGB: (15, 23, 42)

Uproszczona wersja palety kolorów

Cień cornflowerblue, Cień oldlace, Odcień mediumslateblue, Odcień aquamarine, Odcień lightcoral, Cień darkslateblue, Cień Czarny

Schemat kolorów został stworzony przez palettespicker

Więcej palet z:

Kody kolorów w palecie

Open Web Component Studio kody kolorów HEX, informacje RGB w tabeli

Kolor	KLĄTWA	RGB	Nazwa	alternatywne imie
#60a5fa	#60a5fa	RGB(96, 165, 250)	Element Sky	—
#fef6e3	#fef6e3	RGB(254, 246, 227)	Slot Cream	—
#6366f1	#6366f1	RGB(99, 102, 241)	Bind Indigo	—
#6ee7b7	#6ee7b7	RGB(110, 231, 183)	Shadow Mint	—
#fb7185	#fb7185	RGB(251, 113, 133)	Click Coral	—
#475569	#475569	RGB(71, 85, 105)	Focus Slate	—
#0f172a	#0f172a	RGB(15, 23, 42)	Structure Jet	—

Kontrast palety kolorów

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

Kolor tekstu	Kolor tła	Współczynnik kontrastu
#60a5fa	#6366f1	1.75
#60a5fa	#6ee7b7	1.66
#60a5fa	#fb7185	1.05
#fef6e3	#6ee7b7	1.41
#6366f1	#fb7185	1.65
#6366f1	#475569	1.69

Paleta obrazów Open Web Component Studio png

--color-element-sky:	#60a5fa;
--color-slot-cream:	#fef6e3;
--color-bind-indigo:	#6366f1;
--color-shadow-mint:	#6ee7b7;
--color-click-coral:	#fb7185;
--color-focus-slate:	#475569;
--color-structure-jet:	#0f172a;

$color-element-sky:	#60a5fa;
$color-slot-cream:	#fef6e3;
$color-bind-indigo:	#6366f1;
$color-shadow-mint:	#6ee7b7;
$color-click-coral:	#fb7185;
$color-focus-slate:	#475569;
$color-structure-jet:	#0f172a;

@color-element-sky:	#60a5fa;
@color-slot-cream:	#fef6e3;
@color-bind-indigo:	#6366f1;
@color-shadow-mint:	#6ee7b7;
@color-click-coral:	#fb7185;
@color-focus-slate:	#475569;
@color-structure-jet:	#0f172a;