Projeto de gerenciador de cores utilizando React
Para rodar este projeto localmente, simplesmente clone o repositório e rode nessa sequência os comandos:
npm install
npm run start
As principais Libs e tecnologias usadas neste projeto foram:
react
react-syntax-highlighter
react-markdown
react-icons
react-router
sass
typescript
Este Projeto Não rodará apropriadamente se o navegador não possuir suporte a HTML Canvas.
Todos elas possuem textos auxliares abaixo que explicam alguns termos usados no contexo da ferramenta.
Um Conversor de Cores simples utilizando canvas, com ele se torna possível converter cores entre RGB(HEX) HSL e CMYK.
Além disso, também é possível fazer a conversão considerando a transparência das cores a partir do campo à direita.
Uma ferramenta para criação de degradês simples a partir de desenhos no canvas do lado direito, nos formatos linear, radial e cônico.
Além disso, é possível copiar o CSS criado pelo gerador, responsável por representar aquele degradê em código CSS.
Finalmente, o usuário também pode optar por um degradê reto(sem transições de cor), ou um degradê padrão, com as devidas transições entre as cores.
Esta ferramenta permite a criação de paletas de até 5 cores, a partir de um ponto escolhido na roda de cores na esquerda.
Oito formatos de paletas são suportados pela ferramenta.
- Análogo
- Monocromático
- Complementar
- Tríade
- Quadrado
- Composto
- Dividir Complementar
- Dividir Complementar duas vezes
Além disso, também é possível alterar a roda de cores para trabalhar com a saturação ou a luminosidade facilmente.