Skip to main content

freetoolstouseAI Tools Dashboard

工具庫

全部工具
405
指南
AI 工具
9
內容工具
13
SEO 工具
7
PDF 工具
10
圖片工具
29
顏色工具
25
影片工具
17
開發者工具
74
行銷工具
6
生產力工具
49
音樂工具
16
遊戲工具
18
數學工具
36
科學工具
75
地球科學工具
21

設定

全部工具
顏色工具
Color to Tailwind Class

分類

AI 工具
內容工具
SEO 工具
PDF 工具
圖片工具
顏色工具
影片工具
開發者工具
行銷工具
生產力工具
音樂工具
遊戲工具
數學工具
科學工具
地球科學工具

資源

全部工具
指南

公司

關於
聯絡我們
隱私權政策
使用條款

© 2026 freetoolstouse. 版權所有。

免費線上工具。免註冊。快速且私密。

更多顏色工具

HEX to RGBConvert HEX color codes to RGB and RGBA values with a live color preview.
RGB to HEXConvert RGB and RGBA channel values into HEX color codes with a live preview.
HEX to HSLConvert HEX color codes to HSL and HSLA values with hue, saturation, lightness, and a live preview.
Gradient GeneratorBuild linear and radial CSS gradients with multiple color stops, live preview, and copy-ready code.
CSS Gradient GeneratorGenerate linear, radial, and conic CSS gradients with repeating options and copy-ready background, Tailwind, and inline styles.
Box Shadow GeneratorDesign layered CSS box shadows with live preview and copy-ready CSS, inline styles, and Tailwind classes.

Color to Tailwind Class

Free color to Tailwind class converter — match any HEX or RGB color to the closest Tailwind CSS color utility.

Color

Accepts HEX or rgb()/rgba().

Utility prefix

Samples

Closest match

bg-blue-500

Δ 0 · #3b82f6

Tailwind class

bg-blue-500

Arbitrary value

bg-[#3b82f6]

Matched HEX

#3b82f6

Near alternatives

bg-blue-600Δ 39.6

bg-indigo-500Δ 49.1

bg-blue-400Δ 51.1

bg-sky-500Δ 58.5

bg-sky-400Δ 59.1