Criado em 07/12/2025 19:51
Cross-Platform Design System UI
- Unified Indigo#5b5f97
- Platform Cream#fff8f0
- Sync Sky#87e8ff
- Viewport Onyx#1e1e1e
- Deploy Rose#ff91a4
- Token Clay#d7ccc8
- Breakpoints Lime#daffb3
A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Platform Cream #fff8f0 e Sync Sky #87e8ff. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #1E1E1E (mais escuro) a #FFF8F0 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #1E1E1E, #5B5F97, #87E8FF, #D7CCC8, #DAFFB3, #FF91A4, #FFF8F0
A paleta Cross-Platform Design System UI tem uma combinação de cores de códigos de 7:
HEX: #5b5f97, RGB: (91, 95, 151); HEX: #fff8f0, RGB: (255, 248, 240); HEX: #87e8ff, RGB: (135, 232, 255)
HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #ff91a4, RGB: (255, 145, 164); HEX: #d7ccc8, RGB: (215, 204, 200)
HEX: #daffb3, RGB: (218, 255, 179)
Versão simplificada das cores da paleta
Matiz de slateblue, Matiz de floralwhite, Sombra de skyblue, Sombra de Preto, Sombra de lightcoral, Matiz de lightgrey, Sombra de palegreen
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Cross-Platform Design System UI códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #5b5f97 | #5b5f97 | RGB(91, 95, 151) | Unified Indigo | — |
| #fff8f0 | #fff8f0 | RGB(255, 248, 240) | Platform Cream | — |
| #87e8ff | #87e8ff | RGB(135, 232, 255) | Sync Sky | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Viewport Onyx | — |
| #ff91a4 | #ff91a4 | RGB(255, 145, 164) | Deploy Rose | Salmon Pink |
| #d7ccc8 | #d7ccc8 | RGB(215, 204, 200) | Token Clay | — |
| #daffb3 | #daffb3 | RGB(218, 255, 179) | Breakpoints Lime | — |
Contraste da Paleta de Cores
9 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 |
#fff8f0 | #87e8ff | 1.32 |
#fff8f0 | #d7ccc8 | 1.49 |
#fff8f0 | #daffb3 | 1.05 |
#87e8ff | #ff91a4 | 1.52 |
#87e8ff | #d7ccc8 | 1.12 |
#87e8ff | #daffb3 | 1.26 |
Paleta de imagens Cross-Platform Design System UI png
Exportar paleta
Baixe a "Cross-Platform Design System UI" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: