跳至主要内容

色彩工具搜索

Color

Free online color tools for conversion, palettes, gradients, accessibility, and design systems. 100% client-side — your colors never leave the browser.

探索

所有颜色工具
搜索工具
比较工具
指南
Formulas
Alternatives
计算器工具
二维码工具
图像工具
Text tools

法律

关于我们
联系方式
隐私政策
条款和条件
免责声明
Cookie 政策
无障碍
编辑政策

Guides & compares

Color spaces explained
WCAG color contrast
Palette design guide
Design tokens guide
Tailwind color scales
HEX to RGB vs RGB to HEX
WCAG contrast tools compared
CSS gradient generators

类别

颜色转换器
颜色选择器
颜色发生器
调色板
渐变
辅助工具
品牌色彩工具
CSS 颜色工具
设计系统工具
主题生成器
图像颜色工具
顺风工具
材料设计工具
设计代币
用户界面颜色工具

语言

提供 17 语言版本

English हिन्दी Español Português Deutsch Français Italiano Nederlands Türkçe Bahasa Indonesia Tiếng Việt 日本語 한국어 简体中文繁體中文 العربية Русский

© 2026 Color

隐私政策条款和条件您的颜色永远不会离开您的设备

HomeGuidesCSS 颜色工具指南

CSS 颜色工具指南

阴影、玻璃形态、边框和 CSS 原生颜色函数。

Browse all color tools

现代CSS

对于 2026 年以上代码库中的主题组件，首选 oklch() 和 color-mix()。