返回转换器
OmniColors, 面向设计师和开发者的免费在线颜色工具
全球设计师、开发者和艺术家使用的专业颜色工具。生成和谐调色板、创建CSS渐变、选择带有HEX/RGB/HSL值的颜色、混合颜料、检查WCAG对比度比率，探索300多种命名颜色, 全部免费，无需注册。
选择下方工具开始使用
颜色调色板生成器
CSS渐变制作器
颜色选择器和转换器
颜色混合器和调色器
WCAG对比度检查器
颜色名称数据库, 300多种颜色的HEX、RGB、HSL值
HEX颜色时钟
Color Converter
从图片提取调色板
Interactive Harmony Visualizer
Select a harmony type to see how colors relate on the color wheel.
Ideal for CTA buttons and accent elements.
Select harmony type...
HSL(210, 80%, 55%)
Semantic Color Guide for UI States
A clean mapping of colors to their standard UI states.
| State | Color | HEX | Usage |
|---|---|---|---|
| Success | Green | #22C55E | Form submissions, completed actions, positive confirmations |
| Error | Red | #EF4444 | Validation errors, destructive actions, critical alerts |
| Warning | Amber | #F59E0B | Pending states, caution messages, unsaved changes |
| Info | Blue | #3B82F6 | Helpful tips, general notifications, informational badges |
| Disabled | Gray | #9CA3AF | Inactive buttons, unavailable options, read-only fields |
| Link | Indigo | #6366F1 | Hyperlinks, navigation items, clickable text |
Color Theory & Harmonies Explained
Understanding color harmonies helps designers create visually balanced, aesthetically pleasing interfaces.
Color Psychology in Branding & UI
Colors evoke specific emotional responses and cultural associations.
| Color | Emotional Association | Industry Use Cases |
|---|---|---|
| Blue | Trust, stability, professionalism | Finance, healthcare, SaaS. |
| Red | Urgency, passion, energy | Food delivery, entertainment, sales. |
| Green | Growth, health, nature | Health, wellness, fintech. |
| Purple | Luxury, creativity, wisdom | Premium products, creative tools. |
| Orange | Enthusiasm, warmth, affordability | CTAs, e-commerce, travel. |
| Yellow | Optimism, attention, caution | Warnings, highlights, cheerful brands. |
| Black | Sophistication, luxury, authority | High-end fashion, minimal design. |
| White | Purity, simplicity, cleanliness | Healthcare, minimal design, tech. |
Developer's Cheat Sheet to Color Formats
Choosing the right color format depends on your use case.