dmarman / dmarman.github.io Goto Github PK

Add README.md file please and also link to repo on website

This is an amazing tool, but it would be great if there was a way to lock colors while letting the rest of the colors shift. For all purpose this would just prevent the model from updating the color value.

The .50 shades are not generated by the nextModel.

Never mind, misunderstood the model.

It would be great if when moving the swatch picker the hash / URL changed to reflect the hex code (tailwind.ink/fafafa) which would then make it shareable and persistant.

Great work by the way, really useful tool for prototyping :D

Fantastic tool! Thank you very much for building it.

It would be great, if the color values for Luminosity, Chroma and Hue could be manually editable.
I tried to create a linear color palette, where all shades of a color had the exact same hue. It was rather difficult to get this done by just moving the point on the graphs.

Can you add a license file?

This repro do not include the code to train the models, but can be shared if needed.

That would be very interesting 🙄

TW 2.0 now uses a DEFAULT theme key. Be great to have that inserted into the color string.

For example: #bb5a27 would produce:

darkorange: {
  50: '#faf6ee',
  100: '#fbefd7',
  200: '#f8e0aa',
  300: '#f5c76a',
  400: '#f2a12e',
  500: '#f07a14',
  600: '#e3550d',
  DEFAULT: '#bb5a27',
  700: '#c13f11',
  800: '#9a3217',
  900: '#7c2917',
},

https://tailwindui.com/documentation#how-tailwindcss-ui-extends-tailwind
https://unpkg.com/@tailwindcss/[email protected]/colors.js

Credit to rutierut on HN: https://news.ycombinator.com/item?id=24398492

Maybe for contrast reasons. This allows to check if the colors are interchangeable.

Compare to tailwindui colors. Every color shade is replaceable by another color of the same shadow.