每一种颜色，全面解析
HEX、RGB、HSL、CMYK 值。配色方案、Tailwind 色阶、WCAG 对比度。
输入任意 6 位 HEX 代码
精选颜色
精选品牌
查看全部 →
Organize the world's information
4 种颜色
Apple
Think different
3 种颜色
Microsoft
Empower every person and organization
4 种颜色
Amazon
Work hard. Have fun. Make history.
2 种颜色
Meta
Helping people connect
1 种颜色
Bringing the world closer together
2 种颜色
YouTube
Broadcast yourself
1 种颜色
Capture and share the world's moments
3 种颜色
精选合集
查看全部 →颜色工具
查看全部 →最新文章
查看全部 →
教程
CSS color-mix()：在浏览器中原生混合颜色
学习 CSS color-mix()，在浏览器中原生混合颜色。掌握语法、色彩空间、实际用例，无需 JavaScript 即可创建动态调色板。
一月 26, 2026
教程从零开始构建颜色选择器 Web Component
将颜色选择器构建为可访问的 Web Component。使用 Shadow DOM 实现 canvas 渲染、色相滑块、Alpha 通道和自定义事件。
一月 21, 2026
教程感知色彩空间：Lab、LCH、Oklab、OKLCH
深入了解感知均匀色彩空间——CIE Lab、LCH、Oklab 和 OKLCH。学习每个色彩空间的设计原理、优势场景，以及在 CSS 和设计工作中的选用建议。
一月 15, 2026
教程颜色打样：确保印刷颜色的准确性
学习软打样、硬打样和印刷机打样技术，确保从屏幕到最终输出的准确印刷颜色还原。
一月 10, 2026