Ui streaming gradient stream

Sky Blue (Crayola)
#6cccec
Medium Sky Blue
#8cdcec
Café Noir
#4c3420
Beaver
#a18669
Dark Vanilla
#c6baa6
Coffee
#614d37

A paleta consiste em cores Luz. Cores de destaque Sky Blue (Crayola) #6cccec e Café Noir #4c3420. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #4C3420 (mais escuro) a #8CDCEC (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).

No geral, a temperatura tende para o quente.

Códigos HEX (ordenados): #4C3420, #614D37, #6CCCEC, #8CDCEC, #A18669, #C6BAA6

A paleta Ui streaming gradient stream tem uma combinação de cores de códigos de 6:

HEX: #6cccec, RGB: (108, 204, 236); HEX: #8cdcec, RGB: (140, 220, 236); HEX: #4c3420, RGB: (76, 52, 32)

HEX: #a18669, RGB: (161, 134, 105); HEX: #c6baa6, RGB: (198, 186, 166); HEX: #614d37, RGB: (97, 77, 55)

Versão simplificada das cores da paleta

Matiz de skyblue, Sombra de skyblue, Matiz de saddlebrown, Matiz de peru, Sombra de tan, Matiz de saddlebrown

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Ui streaming gradient stream códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#6cccec	#6cccec	RGB(108, 204, 236)	Sky Blue (Crayola)	—
#8cdcec	#8cdcec	RGB(140, 220, 236)	Medium Sky Blue	—
#4c3420	#4c3420	RGB(76, 52, 32)	Café Noir	—
#a18669	#a18669	RGB(161, 134, 105)	Beaver	—
#c6baa6	#c6baa6	RGB(198, 186, 166)	Dark Vanilla	—
#614d37	#614d37	RGB(97, 77, 55)	Coffee	—

Contraste da Paleta de Cores

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

Cor do texto	Cor de fundo	Taxa de contraste
#6cccec	#8cdcec	1.18
#6cccec	#a18669	1.87
#6cccec	#c6baa6	1.04
#8cdcec	#c6baa6	1.23
#4c3420	#614d37	1.44
#a18669	#c6baa6	1.79

Paleta de imagens Ui streaming gradient stream png

--color-sky-blue-crayola:	#6cccec;
--color-medium-sky-blue:	#8cdcec;
--color-cafe-noir:	#4c3420;
--color-beaver:	#a18669;
--color-dark-vanilla:	#c6baa6;
--color-coffee:	#614d37;

$color-sky-blue-crayola:	#6cccec;
$color-medium-sky-blue:	#8cdcec;
$color-cafe-noir:	#4c3420;
$color-beaver:	#a18669;
$color-dark-vanilla:	#c6baa6;
$color-coffee:	#614d37;

@color-sky-blue-crayola:	#6cccec;
@color-medium-sky-blue:	#8cdcec;
@color-cafe-noir:	#4c3420;
@color-beaver:	#a18669;
@color-dark-vanilla:	#c6baa6;
@color-coffee:	#614d37;