สีและการออกแบบ
ตัวค้นหาสี 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.
ผู้คนยังค้นหา
เครื่องมือที่เกี่ยวข้อง
More in this room.
- ตัวแปลงสี (HEX/RGB/HSL/OKLCH)แปลงค่า HEX, RGB, HSL และ OKLCH ที่ทันสมัย ได้ทันที
- ตัวตรวจสอบคอนทราสต์ (WCAG)ตรวจสอบคอนทราสต์ WCAG AA / AAA — ผ่านหรือไม่ผ่าน
- เลือกสีและพาเลทสีจากรูปภาพวางรูปภาพเพื่อดึงพาเลทสีออกมา
- เครื่องจำลองตาบอดสีดูตัวอย่างพาเลทผ่าน deuteranopia, protanopia และอื่นๆ
- ตัวสร้าง Gradientสร้าง CSS gradient แบบ linear, radial และ conic
- ตัวสร้าง Box Shadowตัวแก้ไข CSS box-shadow แบบภาพ