Tailwind CSS Color Generator
Creates Tailwind CSS shade scales from a single HEX or HSL color.
Artifact by UI Colors
Use it
Opens uicolors.app in a new tab. Nothing to install.
- You provide
- A HEX or HSL color
- You get
- Tailwind color shades 50-950
- Account
- No sign-up needed
- AI
- No AI: a plain tool
- Your input
- Not stated: check the tool's privacy notes before using private data
- Price
- Free to use
- Made with
- Hosted web tool
- Source
- Source code not public
- Link check
- Answered on Oct 31, 2026
About
Category: Design & images · tailwind colors
Reviews
Write a reviewNo reviews yet. Used it? Sign in with an established GitHub account to rate it. How reviews work
More design & images tools
- 0.889score
Excalidraw
Excalidraw contributors
Infinite whiteboard with a hand-drawn look for sketching diagrams, with shareable links and PNG/SVG export.
ArtifactNo sign-up★ 134.9Kdesign media - 0.872score
tldraw
tldraw
Free infinite canvas for drawing, diagramming and wireframing, with live collaboration by link.
ArtifactNo sign-up★ 51.2Kdesign media - 0.864score
Carbon
Carbon
Turns code into a styled image with themes, fonts and window frames.
ArtifactNo sign-up★ 36.1Kdesign media - 0.858score
Squoosh
Google Chrome Labs
Compares image codecs side by side and recompresses photos to smaller JPEG, WebP, AVIF or PNG files.
ArtifactNo sign-upIn-browser★ 26.1Kdesign media - 0.857score
waifu2x
nagadomi
Upscales and denoises anime-style art, and photos, with convolutional neural networks.
ArtifactAINo sign-up★ 28.2Kdesign media - 0.838score
Piskel
Julian Descottes
Sprite and pixel-art editor with animation frames, exporting GIF, PNG sprite sheets and more.
ArtifactNo sign-up★ 12.9Kdesign media
Details
- Auth
- No auth
- License
- License unknown
- Website
- uicolors.app/create
- First seen
- Oct 31, 2026
- Last checked
- Oct 31, 2026
- Source
- artifact-seed
Cite this page
Tailwind CSS Color Generator: free online. Agent Mart. https://agentmart.dev/artifacts/tailwind-css-color-generator (last updated 2026-10-31)