Gerar paleta
  1. Paletas de cores
  2. Schema-Driven Form System

Schema-Driven Form System

  • Schema Indigo
    #4f46e5
  • Input Cream
    #fef9c3
  • Validation Mint
    #22c55e
  • Error Coral
    #fb7185
  • Field Slate
    #475569
  • Structure Fog
    #f3f4f6
  • Form Jet
    #1f2937
  11
Criado em 06/30/2025 17:28
porhex
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Schema Indigo #4f46e5 e Input Cream #fef9c3. A paleta tem Frio, Quente, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #1F2937 (mais escuro) a #FEF9C3 (mais claro). A faixa de luminosidade é ampla.

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

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

No geral, a temperatura tende para o frio (4 de 7).

Códigos HEX (ordenados): #1F2937, #22C55E, #475569, #4F46E5, #F3F4F6, #FB7185, #FEF9C3

A paleta Schema-Driven Form System combina 7 códigos de cor:
HEX: #4f46e5, RGB: (79, 70, 229); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #22c55e, RGB: (34, 197, 94)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #475569, RGB: (71, 85, 105); HEX: #f3f4f6, RGB: (243, 244, 246)
HEX: #1f2937, RGB: (31, 41, 55)
Versão simplificada das cores da paleta
Tom escuro de Azul-ardósia, Tom escuro de Chiffon-limão, Tom escuro de Verde-lima, Tom escuro de Coral-claro, Tom claro de Azul-ardósia-escuro, Tom escuro de Fumaça-branca, Tom claro de Preto
O esquema de cores foi criado por hex

Códigos de cores na paleta

Schema-Driven Form System códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#4f46e5#4f46e5RGB(79, 70, 229)Schema Indigo—
#fef9c3#fef9c3RGB(254, 249, 195)Input Cream—
#22c55e#22c55eRGB(34, 197, 94)Validation Mint—
#fb7185#fb7185RGB(251, 113, 133)Error Coral—
#475569#475569RGB(71, 85, 105)Field Slate—
#f3f4f6#f3f4f6RGB(243, 244, 246)Structure Fog—
#1f2937#1f2937RGB(31, 41, 55)Form Jet—

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
#4f46e5
#475569
1.2
#fef9c3
#f3f4f6
1.02
#22c55e
#fb7185
1.18
#475569
#1f2937
1.93

Paleta de imagens Schema-Driven Form System png

Schema-Driven Form System paleta de cores: Schema Indigo, Input Cream, Validation Mint, Error Coral, Field Slate
 Baixar imagem