GustavoMatsunaga / color_maker

This website was created to make colors by just dragging the values that you want in the RGB section, made with Vanilla Javascript.

Home Page:https://gustavomatsunaga.github.io/color_maker/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Welcome! πŸ‘‹

Language count badge Code size badge Code last commit

This website was created to make colors by just dragging the values that you want in the RGB section, made with Vanilla Javascript.
You can checkout the demo here : Color Maker

Challenges! πŸ“Œ

Develop an application with only HTML, CSS and vanilla Javascript. The application must have 3 inputs type range with the range values bettween 0 and 255 representing the RED, GREEN and BLUE. 🎨

These 3 values must be combined and generated a background color of a Div, show the values on the right side of the input.

Let's have fun! πŸš€

  • Use HTML and CSS elements
  • Use ID and classes in the elements
  • Use query selectors in Javascript
  • DOM manipulation with Javascript
  • View the optimal layout for the component depending on their device's screen size (Responsive Web Design)
  • Use the load method (window.addEventListener) to make sure the DOM is loaded before any Javascript instruction

Technologies! πŸ’»

  • HTML
  • SASS
  • JAVASCRIPT

Web Model

Desktop

Gif preview for the desktop Color Mark

Mobile

About

This website was created to make colors by just dragging the values that you want in the RGB section, made with Vanilla Javascript.

https://gustavomatsunaga.github.io/color_maker/


Languages

Language:SCSS 57.2%Language:JavaScript 29.0%Language:HTML 13.8%