https://github.com/thatsinewave/colorworld-v2
ColorWorld V2 is a web-based color picker application that allows users to select and manipulate colors in various formats including HEX, RGB, and HSL
https://github.com/thatsinewave/colorworld-v2
color color-palette color-picker color-scheme color-theme colorful colorization colorpicker colors colorscheme good-first-contribution good-first-issue good-first-pr good-first-pr-first-contribution good-first-project html-css-javascript html-css-js thatsinewave web-application website
Last synced: about 1 month ago
JSON representation
ColorWorld V2 is a web-based color picker application that allows users to select and manipulate colors in various formats including HEX, RGB, and HSL
- Host: GitHub
- URL: https://github.com/thatsinewave/colorworld-v2
- Owner: ThatSINEWAVE
- License: mit
- Created: 2024-06-04T23:34:49.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-06-07T00:03:36.000Z (11 months ago)
- Last Synced: 2025-01-18T05:30:52.403Z (3 months ago)
- Topics: color, color-palette, color-picker, color-scheme, color-theme, colorful, colorization, colorpicker, colors, colorscheme, good-first-contribution, good-first-issue, good-first-pr, good-first-pr-first-contribution, good-first-project, html-css-javascript, html-css-js, thatsinewave, web-application, website
- Language: CSS
- Homepage: https://thatsinewave.github.io/ColorWorld-V2/
- Size: 172 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# [ColorWorld V2](https://thatsinewave.github.io/ColorWorld-V2/)
ColorWorld V2 is a web-based color picker application that allows users to select and manipulate colors in various formats including HEX, RGB, and HSL. The app also includes features such as theme toggling and a hidden Easter egg theme.
## Features
- **Color Picker**: Interactive color picker powered by the iro.js library.
- **Color Format Conversion**: Display and convert colors in HEX, RGB, and HSL formats.
- **Copy to Clipboard**: Easily copy color values to the clipboard.
- **Theme Toggle**: Switch between light and dark themes.
- **Persistent Theme**: Save and load the user's preferred theme using localStorage.
- **Easter Egg Theme**: Discover a hidden theme with a fun message. (You made me do this)
## ☕ [Support my work on Ko-Fi](https://ko-fi.com/thatsinewave)
## Installation
To run ColorWorld V2 locally, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/ThatSINEWAVE/ColorWorld-V2.git
```
2. **Navigate to the project directory**:
```bash
cd ColorWorld-V2
```
3. **Open the `index.html` file in your browser**:
```bash
open index.html
```
or simply double-click `index.html` in your file explorer.
## Usage
- **Color Selection**: Use the color picker to choose a color.
- **Color Format Display**: View the selected color in HEX, RGB, and HSL formats.
- **Copy Color Values**: Click the clipboard icon next to each color value to copy it to the clipboard.
- **Theme Toggle**: Use the switch at the top of the page to toggle between light and dark themes.
- **Hidden Theme**: Toggle the theme switch 50 times to unlock the hidden theme. (don't)
## Acknowledgements
- **iro.js**: [iro.js library](https://github.com/jaames/iro.js/)
- **Font Awesome**: [Font Awesome icons](https://fontawesome.com/)
## Contributing
Contributions are welcome! Feel free to open an issue or submit a pull request on GitHub.
## [Join my discord server](https://discord.gg/2nHHHBWNDw)
## License
This project is licensed under the MIT License.