Criado em 05/18/2022 09:34

0.12k

Design graphic ui dailyui

A paleta consiste em cores Luz. Cores de destaque Spanish Yellow #f2be10 e Rackley #617f9f. A paleta tem Esquentar, Legal temperatura de cores.

Em luminosidade, a paleta vai de #323E4E (mais escuro) a #EBD272 (mais claro). A faixa de luminosidade é moderada.

Saturação mista — tons suaves e acentos mais vivos.

Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).

Notas quentes e frias estão bastante equilibradas.

Códigos HEX (ordenados): #323E4E, #617F9F, #A9B3B4, #B19525, #EBD272, #F2BE10

A paleta Design graphic ui dailyui tem uma combinação de cores de códigos de 6:

HEX: #f2be10, RGB: (242, 190, 16); HEX: #ebd272, RGB: (235, 210, 114); HEX: #b19525, RGB: (177, 149, 37)

HEX: #617f9f, RGB: (97, 127, 159); HEX: #a9b3b4, RGB: (169, 179, 180); HEX: #323e4e, RGB: (50, 62, 78)

Versão simplificada das cores da paleta

Matiz de gold, Matiz de Cáqui, Sombra de darkgoldenrod, Sombra de steelblue, Sombra de darkgrey, Matiz de darkslateblue

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Design graphic ui dailyui códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#f2be10	#f2be10	RGB(242, 190, 16)	Spanish Yellow	—
#ebd272	#ebd272	RGB(235, 210, 114)	Arylide Yellow	—
#b19525	#b19525	RGB(177, 149, 37)	University Of California Gold	—
#617f9f	#617f9f	RGB(97, 127, 159)	Rackley	—
#a9b3b4	#a9b3b4	RGB(169, 179, 180)	Silver Foil	—
#323e4e	#323e4e	RGB(50, 62, 78)	Charcoal	—

8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.

--color-spanish-yellow:	#f2be10;
--color-arylide-yellow:	#ebd272;
--color-university-of-california-gold:	#b19525;
--color-rackley:	#617f9f;
--color-silver-foil:	#a9b3b4;
--color-charcoal:	#323e4e;

$color-spanish-yellow:	#f2be10;
$color-arylide-yellow:	#ebd272;
$color-university-of-california-gold:	#b19525;
$color-rackley:	#617f9f;
$color-silver-foil:	#a9b3b4;
$color-charcoal:	#323e4e;

@color-spanish-yellow:	#f2be10;
@color-arylide-yellow:	#ebd272;
@color-university-of-california-gold:	#b19525;
@color-rackley:	#617f9f;
@color-silver-foil:	#a9b3b4;
@color-charcoal:	#323e4e;