Skip to content

Instantly share code, notes, and snippets.

@simonw

simonw/claude-colours.md Secret

Last active July 2, 2024 05:00
Show Gist options
  • Save simonw/22b3a6aaa30ff96941ed4c1617c1bfd7 to your computer and use it in GitHub Desktop.
Save simonw/22b3a6aaa30ff96941ed4c1617c1bfd7 to your computer and use it in GitHub Desktop.
Download ZIP
Claude for colours
@simonw
Copy link
Author

simonw commented Jun 19, 2024 •
edited
Loading

Screenshot of the tag cloud on my blog, then a prompt to Claude 3.5 Sonnet: Suggest a more tasteful palette of colours for the tag cloud, as hex values like this: "#1f77b4", ... more example hex codes. Claude replied: Here's a suggestion for a more tasteful and harmonious color palette for the tag cloud, provided as hex values: "#4a6fa5", "#c47e5c", "#5b8c5a", "#9e4a54", "#7d6d9f", #b59a74", "#d4a5a5", "#7c858e", "#a2a775", "#a2a775", "#5e8b8c"

Claude 3.5 Sonnet screenshot. Claude says: This palette offers a more subdued and cohesive set of colors compared to the bright and varied colors in the current tag cloud. It includes muted blues, earthy oranges, soft greens, and subtle purples. These colors should work well together while still providing enough contrast to differentiate between tags. The palette maintains a balance between cool and warm tones, which can create a pleasing visual harmony. It also avoids overly saturated colors that might strain the eyes when reading the tags. Would you like me to explain the rationale behind this color selection or suggest alternative palettes? Then I prompt: Show me a web page with those colours as blocks on it - and Claude responds: Certainly. I'll create a simple HTML page that displays these color blocks for you. On the right hand side of the page is a new interface created by Claude showing each hex code inside of a block illustrating that colour.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment