hex2tailwind
Convert hex to tailwind v4 colors
hex2tailwind launched on December 20, 2025 with 1 votes.
What it does
Convert any hex color to the closest Tailwind CSS class using the CIEDE2000 (ΔE00) perceptual color difference algorithm. Supports the Tailwind v4 OKLCH palette. Free and unlimited.
Paste any hex, RGB, or HSL color and get the exact Tailwind CSS v4 class instantly. Uses CIEDE2000 for the most accurate perceptual match. Free, fast, no signup.
Find the closest Tailwind color class for your hex codes instantly - now powered by the Tailwind v4 OKLCH palette. Paste a hex like #262626 and get the closest Tailwind class like neutral/800 . Powered by CIEDE2000 (ΔE00) - the most accurate color difference formula used in modern color science. Don't just find one shade. Generate a full 50–950 Tailwind scale using OKLCH—ensuring your colors stay vibrant and perceptually uniform across your entire UI. Convert your first color in seconds - and never guess a Tailwind shadefrom hex2tailwind.com
Does a similar job
all alternatives →
- Tailwind Color Palette by Tailcolors2025 · tailcolors.com · ▲12
Instantly copy the perfect TailwindCSS Color
- TATailcolors, a TailwindCSS Color Palette2025 · tailcolors.com · ▲12
Hey HN, I built tailcolors.com — a TailwindCSS color palette where you can click to copy any Tailwind color class. I'm a longtime Tailwind user and I've tried some similar tools, but none supported v4 colors or the new oklch variants. Tailcolors has both! You can easily copy the 50-950 variants of each color by clicking on them, plus optionally toggle between copying the raw Tailwind class, a hex code, or the oklch property. Enjoy!
Tailwind Color Palette2025 · colors.raulcarini.dev · ▲4Tailwind CSS colors in HSL, RGB, HEX and OKLCH formats
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 28d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 26d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 23d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 21d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 29d ago · corespeed.io
Source: Product Hunt launch ↗
Launched alongside, December 2025
the whole month →- GP
Life & fun · Dec 2025 · dosaygo-studio.github.io
Hi everyone! My name's Luke and I made the original Jmail here alongside Riley Walz. We had a ton of friends collaborate on building out more of the app suite last night in lieue of DOJ's "Epstein files" release. Please AMA!
Life & fun · Dec 2025 · jmail.world
PlanEat AI▲733AI turns your health goals into a 7-day menu & grocery list
AI · Dec 2025 · planeatai.com
Community, All the HN belong to you. This is an archive of hacker news that fits in your browser. When I made HN Made of Primes I realized I could probably do this offline sqlite/wasm thing with the whole GBs of archive. The whole dataset. So I tried it, and this is it. Have Hacker News on your device. Go to this repo (https://github.com/DOSAYGO-STUDIO/HackerBook): you can download it. Big Query -> ETL -> npx serve docs - that's it. 20 years of HN arguments and beauty, can be yours forever. So they'll never die. Ever. It's the unkillable static archive of HN and it's…
Dev tools · Dec 2025 · hackerbook.dosaygo.com
