Knowledge Base

Explore practical guides and answers by topic to understand web technologies and discover useful websites.

Answers and Guides

How Accessible Palette Helps You Meet WCAG Contrast Requirements: Accessible Palette helps with WCAG contrast by building color scales in CIELAB and LCh instead of HSL, then showing the WCAG 2 an…
How to Create a Color System with Consistent Lightness and WCAG Contrast Using Accessible Palette: Accessible Palette builds color scales in the CIELAB and LCh color models instead of HSL, so each step from 50 to 900 keeps a pre…
What are CIELAB and LCh color models in Accessible Palette?: Accessible Palette uses CIELAB and LCh as the underlying color models for building color systems with consistent lightness and WC…
Why does Accessible Palette say "Stop using HSL for color systems!": HSL is a convenient way to describe a color, but it is a poor coordinate system for building a color system. Accessible Palette's…
What is Accessible Palette?: Accessible Palette is a browser-based tool for building color systems using the CIELAB and LCh color models instead of HSL. It ge…