# Tailwind Color to Normal Color

**URL:** <https://forums.realmacsoftware.com/t/tailwind-color-to-normal-color/47283>\
**Category:** Elements\
**Created:** [April 23, 2025, 11:23pm UTC](https://forums.realmacsoftware.com/t/tailwind-color-to-normal-color/47283 "2025-04-23T23:23:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Post date:** [April 23, 2025, 11:23pm UTC](https://forums.realmacsoftware.com/t/tailwind-color-to-normal-color/47283/1 "2025-04-23T23:23:16Z")

</div>

@dan I was working with a plugin and they normally require a hex or rbga or even oklch color.

- Would be really great if you guys could whip up a little helper function that would convert the tailwind colors to oklch, so we could then inject that normal color into the plugin config stuff. Here’s cheat sheet for all the colors: [Colors](https://tailwindcss.com/docs/colors#default-color-palette-reference)

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [April 24, 2025, 6:55am UTC](https://forums.realmacsoftware.com/t/tailwind-color-to-normal-color/47283/2 "2025-04-24T06:55:44Z")

</div>

Hi @Bill

I do not really get what you mean. But I am curious. As far as I understood oklch has a wider range then hex and the tailwind colors are handpicked. Which means no matter what you do there is no formular to say this is red and then get the tailwind colors out, unless you have a hardcoded list.

---

<div class="post-metadata">

**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Post date:** [April 24, 2025, 8:00pm UTC](https://forums.realmacsoftware.com/t/tailwind-color-to-normal-color/47283/3 "2025-04-24T20:00:55Z")

</div>

Hi @Beblebroks I’m proposing that (devs) are given a little conversion widget that converts tailwind color to oklch - that’s all. In the link above, tailwind gives us those colors so it could be written inside of [Elements](https://elementsapp.io/) to use.