UI componentsComponentes UI
Realtime ColorsRealtime Colors
Tests a color palette and typography on a sample page in real timeTesta paleta de cores e tipografia numa página de exemplo em tempo real
What it isO que é
Realtime Colors shows five colors (text, background, primary, secondary and accent) and fonts applied to a sample site, with an AA/AAA contrast checker.
Realtime Colors mostra cinco cores (texto, fundo, primária, secundária e destaque) e fontes aplicadas num site de exemplo, com verificador de contraste AA/AAA.
What it’s forPara que serve
To validate a palette and type pairing on a real page before adopting them, and export the result.
Para validar paleta e combinação tipográfica numa página real antes de adotá-las, e exportar o resultado.
BenefitsVantagens
- Contrast checker for each color
- Harmony schemes (analogous, complementary, triadic) and random palettes
- Google Fonts and type scales
- Exports to CSS, Tailwind, SCSS and presets like shadcn
- Verificador de contraste por cor
- Esquemas de harmonia (análogo, complementar, tríade) e paletas aleatórias
- Fontes do Google Fonts e escalas tipográficas
- Exporta para CSS, Tailwind, SCSS e presets como shadcn
CaveatsRessalvas
- Free, according to the page; the plans section lists tiers at US$ 0.00 and may be just a template
- Gratuito, segundo a página; a seção de planos lista níveis a US$ 0,00 e pode ser apenas modelo
