https://github.com/jeronimoek/color-translate-web

Web for translating and tuning colors among multiple formats
https://github.com/jeronimoek/color-translate-web

Last synced: 3 months ago
JSON representation

Web for translating and tuning colors among multiple formats

• Host: GitHub
• URL: https://github.com/jeronimoek/color-translate-web
• Owner: jeronimoek
• Created: 2023-12-26T02:32:30.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-08-12T15:42:10.000Z (over 1 year ago)
• Last Synced: 2024-08-12T18:14:46.038Z (over 1 year ago)
• Language: TypeScript
• Homepage: https://jeronimoek.github.io/color-translate-web/
• Size: 1.41 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Color Translator and Picker

[Website](https://jeronimoek.github.io/color-translate-web/)

This website allows one to translate, pick, and tune a color among multiple color formats, following the W3C standards.

This is a visual interface of the [color-translate](https://github.com/jeronimoek/color-translate) library

[Visual Studio Code Extension](https://github.com/jeronimoek/color-picker-universal)

## How To Use

These are the functionalities of this web:

### Color String Input

![ColorStringInput](assets/color-string-input.png)

This field takes a color string input in any valid format and sets it as the current color.

### Color Preview

![ColorPreview](assets/color-preview.png)

This previews the current color and compares it to pure black and white.

### Color Tuning

![ColorTuning](assets/color-tuning.png)

There is a color slider for each property, for each color format.

This slider allows tuning the color as required.

There is also a `play` button, which constantly changes the given color property, allowing you to see how it affects every other property, and the color preview.