Criado em 06/24/2025 17:18
Open Source Dev UI Tokens
- Fork Cyan#6debff
- Contribute Blush#f7b8c5
- Version Slate Gray#c1c5c8
- Release Lilac#d4c2ff
- Issue Charcoal#222326
- Markdown Pale Cream#faf6f2
A paleta consiste em cores Luz, Escuro. Cores de destaque Release Lilac #d4c2ff e Markdown Pale Cream #faf6f2. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #222326 (mais escuro) a #FAF6F2 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #222326, #6DEBFF, #C1C5C8, #D4C2FF, #F7B8C5, #FAF6F2
A paleta Open Source Dev UI Tokens tem uma combinação de cores de códigos de 6:
HEX: #6debff, RGB: (109, 235, 255); HEX: #f7b8c5, RGB: (247, 184, 197); HEX: #c1c5c8, RGB: (193, 197, 200)
HEX: #d4c2ff, RGB: (212, 194, 255); HEX: #222326, RGB: (34, 35, 38); HEX: #faf6f2, RGB: (250, 246, 242)
Versão simplificada das cores da paleta
Matiz de paleturquoise, Matiz de Rosa, Sombra de Prata, Sombra de thistle, Sombra de Preto, Matiz de snow
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Open Source Dev UI Tokens códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #6debff | #6debff | RGB(109, 235, 255) | Fork Cyan | — |
| #f7b8c5 | #f7b8c5 | RGB(247, 184, 197) | Contribute Blush | — |
| #c1c5c8 | #c1c5c8 | RGB(193, 197, 200) | Version Slate Gray | — |
| #d4c2ff | #d4c2ff | RGB(212, 194, 255) | Release Lilac | — |
| #222326 | #222326 | RGB(34, 35, 38) | Issue Charcoal | — |
| #faf6f2 | #faf6f2 | RGB(250, 246, 242) | Markdown Pale Cream | — |
Contraste da Paleta de Cores
10 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 |
#6debff | #f7b8c5 | 1.18 |
#6debff | #c1c5c8 | 1.23 |
#6debff | #d4c2ff | 1.15 |
#6debff | #faf6f2 | 1.3 |
#f7b8c5 | #c1c5c8 | 1.04 |
#f7b8c5 | #d4c2ff | 1.02 |
Paleta de imagens Open Source Dev UI Tokens png
Exportar paleta
Baixe a "Open Source Dev UI Tokens" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: