Build a Color Tool in Vanilla JavaScript

Intermediate
(0)
James Q Quick's avatar
James Q Quick

Web Developer, Speaker, and Teacher.

Scrimba logo Scrimba

About this course

Build a cool color lighten/darken tool from scratch and sharpen up your HTML, CSS and vanilla JavaScript skills along the way!

Price FREE
Duration 82 min
Level Intermediate
Certificate Included
Interactive learning

What you'll learn

Course Intro

5:27

Create the Base Layout

4:53

Create the Base Styling

5:28

Check for Valid Hex Color in JavaScript

5:17

Display Color From User Hex Input

4:18

Convert Hex Color to RGB

6:46

Convert RGB Color to Hex - Challenge Requirements

2:35

Convert RGB to Hex - Challenge Solution

3:44

Display Percentage from Slider

3:07

Alter Color By Percentage

5:23

Ensure Hex Values Stay Between 0 and 255

4:22

Alter Color Based on User Input

6:12

Create Custom Toggle Button Layout

3:29

Create Custom Toggle Button Styling

5:07

Create Custom Toggle Functionality in JavaScript

4:36

Alter Color Based on Lighten/Darken Toggle State

3:39

Input Reset Functionality - Challenge Requirements

1:51

Add Color Reset Functionality - Challenge Solution

3:04

Course Outro

2:14

Congratulations on completing Build a color tool in vanilla JavaScript!

1:02

Reviews

(0)
No reviews yet. Be the first to review this course...