Criado em 04/15/2026 11:46
Hyper Minimal CSS Variable Design System Modern Web Component Library UI
- Variable Black#0d0f15
- Primary Cyan#00c2ff
- Secondary Mint#2ce6b5
- Accent Pink#ff4d9d
- Warning Amber#ffb020
- Neutral Gray#a0a9b8
- Background White#f7faff
- Border Slate#2a2f3a
A paleta consiste em cores Escuro, Luz. Cores de destaque Warning Amber #ffb020 e Background White #f7faff. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #0D0F15 (mais escuro) a #F7FAFF (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).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #00C2FF, #0D0F15, #2A2F3A, #2CE6B5, #A0A9B8, #F7FAFF, #FF4D9D, #FFB020
A paleta Hyper Minimal CSS Variable Design System Modern Web Component Library UI tem uma combinação de cores de códigos de 8:
HEX: #0d0f15, RGB: (13, 15, 21); HEX: #00c2ff, RGB: (0, 194, 255); HEX: #2ce6b5, RGB: (44, 230, 181)
HEX: #ff4d9d, RGB: (255, 77, 157); HEX: #ffb020, RGB: (255, 176, 32); HEX: #a0a9b8, RGB: (160, 169, 184)
HEX: #f7faff, RGB: (247, 250, 255); HEX: #2a2f3a, RGB: (42, 47, 58)
Versão simplificada das cores da paleta
Sombra de Preto, Sombra de deepskyblue, Matiz de aquamarine, Matiz de hotpink, Sombra de Laranja, Matiz de darkgrey, Sombra de ghostwhite, Sombra de Preto
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Hyper Minimal CSS Variable Design System Modern Web Component Library UI códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #0d0f15 | #0d0f15 | RGB(13, 15, 21) | Variable Black | — |
| #00c2ff | #00c2ff | RGB(0, 194, 255) | Primary Cyan | — |
| #2ce6b5 | #2ce6b5 | RGB(44, 230, 181) | Secondary Mint | — |
| #ff4d9d | #ff4d9d | RGB(255, 77, 157) | Accent Pink | — |
| #ffb020 | #ffb020 | RGB(255, 176, 32) | Warning Amber | — |
| #a0a9b8 | #a0a9b8 | RGB(160, 169, 184) | Neutral Gray | — |
| #f7faff | #f7faff | RGB(247, 250, 255) | Background White | — |
| #2a2f3a | #2a2f3a | RGB(42, 47, 58) | Border Slate | — |
Contraste da Paleta de Cores
14 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 |
#0d0f15 | #2a2f3a | 1.42 |
#00c2ff | #2ce6b5 | 1.28 |
#00c2ff | #ff4d9d | 1.49 |
#00c2ff | #ffb020 | 1.13 |
#00c2ff | #a0a9b8 | 1.14 |
#00c2ff | #f7faff | 1.97 |
Paleta de imagens Hyper Minimal CSS Variable Design System Modern Web Component Library UI png
Exportar paleta
Baixe a "Hyper Minimal CSS Variable Design System Modern Web Component Library UI" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: