Palette Press

Palette Press

Explore beautiful color palettes (hex, RGB, HSL, OKLCH) for your design projects

ComponentsAI image analysis, AI text generation, Calculation, Slider
TagsCreate, Hobby, Life, Tools

App demo

Descriptions

  1. Color palette app where I can get a random color palette by pressing space
  2. Don’t use ai to generate the palette
  3. I want to save a color palette for future use
  4. Remove the instructions "Press SPACEBAR to generate a new palette. Click
  5. Show hex, rgb, hsl, and olch for all colors
  6. Remove the label for the color values, left align the color values, and make the text smaller
  7. Center the color value text
  8. Replace the color values with their labels. Since I’m copying the values, I don’t need to see them. I just need to know which one I’m copying, hex, rgb, hsl, or olch.
  9. Remove “View Saved” and “Save” text from the buttons
  10. Add a third button (sparkle icon) where I can describe a style (e.g. neobrutalism) and use AI to generate a palette
  11. Change the save icon to a bookmark icon
  12. Instead of full random colors, randomize in perceptually uniform color spaces
  13. When saving a palette, add a suble button to generate the name with AI
  14. Give me a subtle visual effect when a value is copied
  15. I want a slider on the bottom left for the number of colors in the palette. From 3-8. The width of the color palette should not change; the width of the individual color should.
  16. Make the saved palette panel float
  17. Add a button to each color, which allows me to set the color via hex
  18. When setting a color, give me a color picker instead
  19. Position the set color and lock buttons vertically with the set color button at the bottom
  20. Add a button that allows me to upload an image and generate a color palette
  21. For each color, show a black and white dot side by side so that I can see how they contrast with the color
  22. Show the black and white dots only on hover. Position them above the color labels and centered.
  23. Remove the border of the black and white dots
  24. The color paletter should always have one contrasting color
  25. Have a toggle for having the contrasting condition or not
  26. Simplify the contrast toggle to a simple button. But keep the position.
  27. Use an icon instead of text for the contrast button
  28. Add a hover color to all the icon buttons
  29. Add the same hover color to the contrast button. Replace the icon with an eye icon.
  30. The contrast button should be the same size as the other icon buttons
  31. Shorten “Generating a new color palette” to just “Breathe” and no emojis
Booplet
Booplet