Moocable is learner-supported. When you buy through links on our site, we may earn an affiliate commission.
Description
Build a cool color lighten/darken tool from scratch and sharpen up your HTML, CSS and vanilla JavaScript skills along the way!
- Check for a valid hex color
- Convert hex to RGB
- Display percentage from slider
- Alter color by percentage
- Create a toggle
- Reset functionality
- parseInt
- textContent
- Math.min and Math.max
- HTML DOM style Property
Online Courses 
Scrimba
Free 
1 hour 22 minutes 
-
TypeOnline Courses
-
ProviderScrimba
-
PricingFree
-
Duration1 hour 22 minutes
Build a cool color lighten/darken tool from scratch and sharpen up your HTML, CSS and vanilla JavaScript skills along the way!
- Check for a valid hex color
- Convert hex to RGB
- Display percentage from slider
- Alter color by percentage
- Create a toggle
- Reset functionality
- parseInt
- textContent
- Math.min and Math.max
- HTML DOM style Property
Loading...
Saving...
Loading...