T

颜色转换器

在线颜色转换工具 (HEX, RGB, HSL, HSV, CMYK)

Click to Pick
100%

关联颜色

互补色

#F6AF3C

相邻色

#3CE0F6
#523CF6

三补色

#F63C83
#83F63C

矩形色

#F63CE0
#F6AF3C
#3CF652

单色

#9EC1FA
#0950C3
#5188E1

代码示例

CSS
color: #3B82F6;
CSS (RGB)
color: rgb(59, 130, 246);
Swift
UIColor(red: 0.23137254901960785, green: 0.5098039215686274, blue: 0.9647058823529412, alpha: 1)
Android (HEX)
Color.parseColor("#3B82F6")
Java
new Color(59, 130, 246)
Flutter
Color(0xff3B82F6)

常用颜色

颜色转换器 工具说明

在 HEX、RGB、HSL、HSV 和 CMYK 格式之间进行全能颜色转换。提供关联色建议、多平台代码示例以及常用颜色库。

如何使用

  1. 输入任何格式的颜色值,或使用调色盘进行直观选择。
  2. 使用透明度滑块调节 Alpha 通道值。
  3. 探索关联配色方案:互补色、相邻色、三补色、矩形色和单色。
  4. 复制适用于 CSS、Swift、Java、Android 和 Flutter 的直接可用代码片段。

常见场景

  • 前端开发:将设计稿颜色转换为 CSS 所需的 RGBA 或 HSLA 格式。
  • 移动端开发:生成 Android (XML/Java) 或 iOS (Swift) 的颜色代码。
  • 平面设计:将 RGB/HEX 转换为用于印刷生产的 CMYK 数值。

数据结构

  • HEX/RGBA:标准的网页开发格式。
  • HSV/HSB:便于基于基础色调调整明暗和饱和度。
  • CMYK:用于彩色印刷的减法混色模型。

转换原理

采用标准色彩空间转换算法,确保在所有支持的色彩模型之间实现高精度换算。