Colors & AccessibilityLesson 88Free preview
Color Picker
This lesson is part of Web Developer Tools · All levels
Summary
Color picker helps to visually select colors and read their values in HEX, RGB, or HSL format. Some tools provide eye drops to take color from the screen as well as alpha settings. The chosen color should be tested for contrast to keep the text readable.
Key points
- HEX writes colors with six hexadecimal digits, for example #2563EB
- RGB uses three values 0-255 for red, green, and blue
- HSL uses hue, saturation, and lightness that are more easily adjusted
- Alpha regulates the level of color transparency
- Always check the contrast of text colors against the background
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.