Build a Color Tool in Vanilla JavaScript
Web Developer, Speaker, and Teacher.
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!
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