Skip to content

สีและการออกแบบ

ตัวค้นหาสี Tailwind

ตัวค้นหาสี Tailwind ฟรี วางสี HEX, RGB หรือ HSL ใดๆ และรับคลาสสี Tailwind CSS ที่ใกล้เคียงที่สุด สำหรับการย้ายดีไซน์ไปยัง Tailwind

Runs in your browser

Tailwind ↔ CSS color

Closest Tailwind colors

blue-500
#3b82f6
blue-600
#2563eb
indigo-500
#6366f1
sky-500
#0ea5e9
cyan-500
#06b6d4
violet-500
#8b5cf6

หมายเหตุจากบรรณาธิการ

Understanding · Twenty-two hues, eleven steps.

บทเชิงลึกนี้มีให้บริการเฉพาะภาษาอังกฤษในขณะนี้ เครื่องมือแปลงด้านบนทำงานในภาษาของคุณ บทความอธิบายแบบยาวยังไม่ได้แปล

คำถามที่พบบ่อย

Quick answers.

Which Tailwind palette is used?

The default Tailwind 3.x palette — slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose.

How is 'closest' calculated?

Perceptual distance in Lab color space — much better than naive RGB distance, which often picks visually-wrong colors.

Can I find multiple matches?

Yes — we show the top 3 closest colors so you can pick the best for your design.

Is the tool free?

Yes — fully free, no signup.

ผู้คนยังค้นหา

บทความที่เกี่ยวข้อง

จากบล็อก(1)

เครื่องมือที่เกี่ยวข้อง

More in this room.

ดูทั้งหมดใน สีและการออกแบบ