Accessible Palette: Create color systems with consistent lightness and contrast

网站整体介绍
Accessible Palette 是一款专注于解决传统HSL颜色系统缺陷、帮助用户生成符合无障碍标准颜色 palette 的工具类网站，核心目标是让颜色系统的亮度与对比度更符合人类视觉感知，轻松满足Web内容无障碍指南（WCAG）的要求。

核心功能与特色板块
1. 问题定位：HSL颜色系统的缺陷
HSL是设计工具中常用的RGB替代模型，但它的“Lightness（亮度）”和“Saturation（饱和度）”并不符合人类视觉感知——比如同样Lightness为50的蓝色和绿色，蓝色看起来明显更暗。这会导致用HSL构建的颜色系统中，不同颜色的亮度与对比度不一致，难以批量满足WCAG的对比度要求，每对颜色都需要单独检查。

2. 解决方案：基于CIELAB与LCh模型
网站采用CIELAB颜色模型（专为模拟人类视觉设计）及其衍生的LCh模型（L代表符合感知的亮度，C代表饱和度“Chroma”，H代表色相）。在LCh中，相同L值的颜色具有一致的感知亮度，比如同样L=50的蓝色和绿色，视觉上亮度一致，且与白色背景的对比度可达4.5:1（满足WCAG基础要求）。

3. 工具功能细节
颜色生成逻辑：通过chroma.js库生成亮度一致的颜色范围，确保颜色层级间的亮度递进符合感知规律。
自定义操作：支持粘贴品牌色或调整默认色板，可手动修改“C（Chroma，饱和度）”让颜色更鲜艳/柔和，或调整“H（Hue，色相）”改变颜色基调。
计算方式选择：颜色范围可通过“RGB”或“CIELAB”两种模式计算，不同起始色（如默认的蓝色、紫色）会产生不同结果，方便用户实验。
色相偏移功能：颜色加深/变浅时，可调整色相偏移——比如 citrus yellow （柑橘黄）变暗时，能避免变成偏绿的色调，而是调整为更自然的 brownish（棕褐色）。
对比度检查：自动计算每个颜色层级与白色背景的对比度，同时支持两种标准：现行的WCAG 2.1推荐规范，以及即将发布的WCAG 3.0工作草案（采用更准确的对比度算法）。
背景色切换检查：点击任意颜色 swatch（色板），可将其设为背景，重新计算其他颜色与该背景的对比度，方便调整亮度以满足WCAG要求。
唯一URL保存：每个生成的调色板都有专属URL，用户可将其保存到Figma素材库或代码仓库，后续随时回溯调整或扩展。