Gerar paleta
  1. Paletas de cores
  2. Accessible Gradient UI/UX Color Palette Generator

Accessible Gradient UI/UX Color Palette Generator

  • Primary Ocean
    #00897b
  • Secondary Coral
    #ff7043
  • Light Base Cream
    #fffde7
  • Dark Text Espresso
    #3e2723
  • Action Teal Accent
    #4db6ac
  • Subtle Sand
    #fbe9e7
  21
Criado em 10/03/2025 22:02
porcolorslib
A paleta consiste em cores Claro, Escuro. Cores de destaque Secondary Coral #ff7043 e Light Base Cream #fffde7. A paleta tem Frio, Quente, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #3E2723 (mais escuro) a #FFFDE7 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto) — 67% das cores são vívidas.

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

Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).

Códigos HEX (ordenados): #00897B, #3E2723, #4DB6AC, #FBE9E7, #FF7043, #FFFDE7

A paleta Accessible Gradient UI/UX Color Palette Generator combina 6 códigos de cor:
HEX: #00897b, RGB: (0, 137, 123); HEX: #ff7043, RGB: (255, 112, 67); HEX: #fffde7, RGB: (255, 253, 231)
HEX: #3e2723, RGB: (62, 39, 35); HEX: #4db6ac, RGB: (77, 182, 172); HEX: #fbe9e7, RGB: (251, 233, 231)
Versão simplificada das cores da paleta
Tom escuro de Ciano-escuro, Tom escuro de Coral, Tom claro de Bege, Tom claro de Preto, Tom claro de Verde-mar-claro, Tom claro de Rosa-enevoado
O esquema de cores foi criado por colorslib

Códigos de cores na paleta

Accessible Gradient UI/UX Color Palette Generator códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#00897b#00897bRGB(0, 137, 123)Primary Ocean—
#ff7043#ff7043RGB(255, 112, 67)Secondary Coral—
#fffde7#fffde7RGB(255, 253, 231)Light Base Cream—
#3e2723#3e2723RGB(62, 39, 35)Dark Text Espresso—
#4db6ac#4db6acRGB(77, 182, 172)Action Teal Accent—
#fbe9e7#fbe9e7RGB(251, 233, 231)Subtle Sand—

Contraste da paleta de cores

4 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do textoCor de fundoRazão de contraste
#00897b
#ff7043
1.57
#00897b
#4db6ac
1.76
#ff7043
#4db6ac
1.12
#fffde7
#fbe9e7
1.14

Paleta de imagens Accessible Gradient UI/UX Color Palette Generator png

Accessible Gradient UI/UX Color Palette Generator: Primary Ocean, Secondary Coral, Light Base Cream, Dark Text Espresso
 Baixar imagem