颜色参考

颜色格式、命名颜色和Tailwind CSS颜色的权威参考指南。

颜色格式参考

包括HEX、RGB、HSL、CMYK和OKLCH在内的11种颜色格式的定义、值范围和用法。

命名颜色

包含500多种命名颜色的完整列表,附带十六进制值、RGB和分类。

Tailwind CSS颜色

包含所有22个色系和11个色阶的完整Tailwind CSS v4默认调色板。

Material Design颜色

包含所有色阶的完整Material Design 2调色板。点击任意颜色即可复制其十六进制值。

潘通色卡

热门潘通颜色及其近似HEX和RGB数字等效值。按潘通代码或颜色名称搜索。

RAL颜色

完整的RAL Classic色卡及HEX等效值。按RAL代码或颜色名称搜索。

扁平化UI颜色

经典扁平化设计调色板及十六进制代码。原始Flat UI调色板和热门社区扩展。

Apple系统颜色

iOS和macOS系统颜色,包含浅色和深色模式变体。Apple人机界面指南的完整调色板。

Bootstrap颜色

完整的Bootstrap 5颜色系统,包括主题颜色、灰色和扩展调色板及CSS变量名称。

粉彩色

精选80多种粉彩色及十六进制代码。按色相家族组织的柔和、低饱和色调。

霓虹色

明亮鲜艳的霓虹色及十六进制代码。适合大胆数字设计的电光色调。

大地色

自然大地色调及十六进制代码。赤陶、橄榄、赭石、土黄及其他有机色调。

复古色

复古色彩调色板及十六进制代码。受中世纪设计启发的低饱和暖色调。

审美色

流行审美色彩调色板及十六进制代码。田园风、暗学院风、蒸汽波、极简主义等。

肤色

包含十六进制代码的全面肤色范围,适用于数字插画和角色设计。

发色

包含十六进制代码的自然和幻想发色调色板,适用于数字插画和角色设计。

金属色

包含十六进制代码的金、银、铜、青铜及其他金属色变化,适用于数字设计。

CSS透明度指南

CSS颜色透明度完全指南。不透明度到十六进制转换表、RGBA、HSLA和现代CSS格式。

CSS颜色函数

现代CSS颜色函数参考指南,包括color-mix()、oklch()、相对颜色语法等。

色彩空间详解

色彩空间视觉指南:sRGB、Display P3、HSL、LAB、LCH和OKLCH。了解何时使用每种以及它们之间的区别。

Web安全色

经典的216色Web安全调色板。所有颜色都保证在早期浏览器中一致显示。

The Ultimate Guide to Design Tokens

A comprehensive reference for designers and engineers building with design tokens.

The Complete Guide to Color Theory

An interactive deep-dive into the color wheel, harmony, temperature, mixing, contrast, psychology, and modern digital color.

The Complete Guide to Dark Mode Design

How to design dark interfaces that are beautiful, accessible, and technically sound — from surface elevation to semantic tokens.