https://github.com/philipptpunkt/color-finder-web
Colorfinder is a website that provides tools and utilities for CSS and Tailwind. Create a color palette or play around with shadows and gradients.
https://github.com/philipptpunkt/color-finder-web
colors colorscheme colorscheme-generator css gradients tailwind
Last synced: 8 months ago
JSON representation
Colorfinder is a website that provides tools and utilities for CSS and Tailwind. Create a color palette or play around with shadows and gradients.
- Host: GitHub
- URL: https://github.com/philipptpunkt/color-finder-web
- Owner: philipptpunkt
- Created: 2024-08-17T19:43:48.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-09T13:32:05.000Z (11 months ago)
- Last Synced: 2024-12-31T17:51:53.754Z (10 months ago)
- Topics: colors, colorscheme, colorscheme-generator, css, gradients, tailwind
- Language: TypeScript
- Homepage: https://colorfinder.app/
- Size: 1.41 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ColorFinder
## About
This is a simple Website that creates a color palette from a hex color similar to Tailwind's color palettes.
I created the page along my way of learning a bit about Tailwind CSS.
Consider the page a "work in progress", since I'm still fixing bugs and adding features (and cleaning up the code 🙄).
You can find the Page here:
[https://colorfinder.app](https://colorfinder.app)
## Features
- [Color Contrast Check](https://colorfinder.app/contrast-check) - Check custom Foreground and Background colors against each other or visit the Contrast Matrix of your color palette.
- [Gradient Creator](https://colorfinder.app/css-tools/gradient-creator) - Interactive tool to generate CSS gradients
- [Box Shadow Creator](https://colorfinder.app/css-tools/box-shadow-creator) - Lets you generate CSS code for box shadows from a simple to use UI
- [Text Shadow Creator](https://colorfinder.app/css-tools/text-shadow-creator) - Create Text shadows with a simple tool and download the generated CSS.