thiagohsg / mod1practical

Application for viewing colors from the RGB scale built using HTML, CSS and pure JavaScript.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Practical Work Module 1 - IGTI Bootcamp Full Stack Developer

Aplicação para visualização de cores a partir da escala RGB construída utilizando HTML, CSS e JavaScript puro.

A aplicação contém três inputs do tipo “range”, cujos valores vão de 0 a 255 e representam, respectivamente, (R) Vermelho, (G) Verde e (B) Azul. A ser alterado, o valor de cada range é refletido em um inputs do tipo "text" respectivo. Esta alteração também reflete imediantamente no background de uma

abaixo dos campos, alterando-o para a cor correspondente a combinação dos três parâmentros (R, G e B) da Função RGB do CSS.

Os valores dos ranges também podem ser alterados através das setas ← e → do teclado, refletindo nos texts e no background da div. Para que isto seja possível, ao acessar a aplicação o foco é direcionado imediatamente ao primeiro range, possibilitando a manipulação pelo teclado.

Usage example

A aplicação pode ser utilizada para definir uma cor segundo diferentes combinações dos seus parâmetros RGB.

Online Application

Projects

Meta

Thiago Gouvêa – @about.me

https://github.com/thiagohsg

Contributing

  1. Fork it (https://github.com/yourname/yourproject/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request

About

Application for viewing colors from the RGB scale built using HTML, CSS and pure JavaScript.


Languages

Language:CSS 54.6%Language:HTML 30.3%Language:JavaScript 15.1%