{"id":"realtime-colors","name":"Realtime Colors","url":"https://wunderlust.xyz/r/realtime-colors","category":"components","category_label":"UI components","tags":["free"],"short":"Tests a color palette and typography on a sample page in real time","what":"Realtime Colors shows five colors (text, background, primary, secondary and accent) and fonts applied to a sample site, with an AA/AAA contrast checker.","uses":"To validate a palette and type pairing on a real page before adopting them, and export the result.","benefits":["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"],"caveats":["Free, according to the page; the plans section lists tiers at US$ 0.00 and may be just a template"],"links":{"official":"https://www.realtimecolors.com"},"image":"https://wunderlust.xyz/media/realtime-colors-poster.jpg","video":"https://wunderlust.xyz/media/realtime-colors.webm","share_image":"https://wunderlust.xyz/og/r/realtime-colors.jpg","similar":["colour-contrast-checker","coolors","originkit","mockup-world","cosmos","taste-skill"],"added_on":"2026-11-05","pt":{"name":"Realtime Colors","short":"Testa paleta de cores e tipografia numa página de exemplo em tempo real","what":"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.","uses":"Para validar paleta e combinação tipográfica numa página real antes de adotá-las, e exportar o resultado.","benefits":["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"],"caveats":["Gratuito, segundo a página; a seção de planos lista níveis a US$ 0,00 e pode ser apenas modelo"]},"schema_version":1}