Gerar paleta
  1. Paletas de cores
  2. No-Code AI Platform UI System

No-Code AI Platform UI System

  • Builder Coral
    #ff6b6b
  • Component Block Gray
    #e0e0e0
  • Drag-Drop White
    #fdfdfd
  • AutoML Blue
    #007aff
  • Train Button Yellow
    #ffdd57
  • Inference Green
    #2ecc71
  16
Criado em 07/16/2025 19:58
porcolorslib
A paleta consiste em cores Claro. Cores de destaque AutoML Blue #007aff e Train Button Yellow #ffdd57. A paleta tem Quente, Neutro, Frio temperatura de cores.

Em luminosidade, a paleta vai de #007AFF (mais escuro) a #FDFDFD (mais claro). A faixa de luminosidade é moderada.

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): #007AFF, #2ECC71, #E0E0E0, #FDFDFD, #FF6B6B, #FFDD57

A paleta No-Code AI Platform UI System combina 6 códigos de cor:
HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #e0e0e0, RGB: (224, 224, 224); HEX: #fdfdfd, RGB: (253, 253, 253)
HEX: #007aff, RGB: (0, 122, 255); HEX: #ffdd57, RGB: (255, 221, 87); HEX: #2ecc71, RGB: (46, 204, 113)
Versão simplificada das cores da paleta
Tom escuro de Salmão, Tom claro de Gainsboro, Tom escuro de Branco, Tom escuro de Azul-aço, Tom claro de Dourado, Tom claro de Verde-mar-médio
O esquema de cores foi criado por colorslib

Códigos de cores na paleta

No-Code AI Platform UI System códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#ff6b6b #ff6b6b RGB(255, 107, 107)Builder Coral—
#e0e0e0 #e0e0e0 RGB(224, 224, 224)Component Block GrayGray88
#fdfdfd #fdfdfd RGB(253, 253, 253)Drag-Drop WhiteBrilliance
#007aff #007aff RGB(0, 122, 255)AutoML Blue—
#ffdd57 #ffdd57 RGB(255, 221, 87)Train Button Yellow—
#2ecc71 #2ecc71 RGB(46, 204, 113)Inference Green—

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
#ff6b6b
#007aff
1.44
#ff6b6b
#2ecc71
1.32
#e0e0e0
#fdfdfd
1.29
#e0e0e0
#ffdd57
1.01
#e0e0e0
#2ecc71
1.59
#fdfdfd
#ffdd57
1.31

Paleta de imagens No-Code AI Platform UI System png

No-Code AI Platform UI System paleta de cores: Builder Coral, Component Block Gray, Drag-Drop White, AutoML Blue
 Baixar imagem