Tailwind CSS Color Generator - UI Examples & WCAG Contrast Ratios
uicolors.app · 975 words · saved by 7 readers
Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.
Save Azure RadiancePrimary 50 edfaff 100 d6f3ff 200 b5ebff 300 83e1ff 400 48ceff 500 1eb3ff 600 069bff 700 0081ec 800 086ac5 900 0d5a9b 950 0e375d Cards Website Branding Dashboard Components Shadcn/ui Apps Charts Gradients Logos Headings Track your expenses Expenses $12,543 Jan Feb Mar Apr May Jun Gain control Expenses $ 14,919 Groceries $ 4,973 Household $ 4,973 Travel $ 4,973 Blog Productivity Hacks for Life on the Road Work The Ultimate Digital Nomad Toolkit Travel Design in Cross-Functional Teams Design Create budgets Income…
saved by
related reading
- Khroma - The AI color tool for designerskhroma.co
- Khroma - The AI color tool for designerskhroma.co
- DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
- Create a Palette - Coolorscoolors.co
- Create a Palette - Coolorscoolors.co
- RandomA11y - Accessible Color Combinationsrandoma11y.com
- Wonder — What you see is what you shipwonder.design
- Realtime Colorsrealtimecolors.com
- Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
- JAPANESE GRADIENTS [FOR UI]™japanesegradientsforui.com
- Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
- ui.sh — Agent skills for interface buildersui.sh