Gerar paleta
  1. Paletas de cores
  2. Interface website woocommerce web application

Interface website woocommerce web application

  • Pastel Orange
    #fcb44c
  • French Sky Blue
    #80a8fa
  • Tiffany Blue
    #0cbea4
  • Beaver
    #9d8064
  • Dark Vanilla
    #d0bf9a
  • Royal Brown
    #583a2c
  0.13k
Criado em 09/29/2022 08:00
porcolorswall
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Pastel Orange #fcb44c e French Sky Blue #80a8fa. A paleta tem Quente, Frio temperatura de cores.

Em luminosidade, a paleta vai de #583A2C (mais escuro) a #FCB44C (mais claro). A faixa de luminosidade é moderada.

Saturação mista — 1 suaves e 3 vívidas em 6 cores.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

No geral, a temperatura tende para o quente (4 de 6).

Códigos HEX (ordenados): #0CBEA4, #583A2C, #80A8FA, #9D8064, #D0BF9A, #FCB44C

A paleta Interface website woocommerce web application combina 6 códigos de cor:
HEX: #fcb44c, RGB: (252, 180, 76); HEX: #80a8fa, RGB: (128, 168, 250); HEX: #0cbea4, RGB: (12, 190, 164)
HEX: #9d8064, RGB: (157, 128, 100); HEX: #d0bf9a, RGB: (208, 191, 154); HEX: #583a2c, RGB: (88, 58, 44)
Versão simplificada das cores da paleta
Tom claro de Laranja, Tom claro de Azul-centáurea, Tom claro de Verde-mar-claro, Tom escuro de Peru, Tom claro de Castanho-claro, Tom escuro de Marrom-sela
O esquema de cores foi criado por colorswall

Códigos de cores na paleta

Interface website woocommerce web application códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#fcb44c #fcb44c RGB(252, 180, 76)Pastel Orange—
#80a8fa #80a8fa RGB(128, 168, 250)French Sky Blue—
#0cbea4 #0cbea4 RGB(12, 190, 164)Tiffany Blue—
#9d8064 #9d8064 RGB(157, 128, 100)Beaver—
#d0bf9a #d0bf9a RGB(208, 191, 154)Dark Vanilla—
#583a2c #583a2c RGB(88, 58, 44)Royal Brown—

Contraste da paleta de cores

8 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do texto Cor de fundo Razão de contraste
#fcb44c
#80a8fa
1.32
#fcb44c
#0cbea4
1.32
#fcb44c
#d0bf9a
1.01
#80a8fa
#0cbea4
1
#80a8fa
#9d8064
1.55
#80a8fa
#d0bf9a
1.3

Paleta de imagens Interface website woocommerce web application png

Interface website woocommerce web application paleta de cores: Pastel Orange, French Sky Blue, Tiffany Blue, Beaver
 Baixar imagem