ชุดสี Tailwind CSS ทั้งหมด คลิกเพื่อคัดลอก
ดูพาเลตสีของ Tailwind CSS ทุกสีทุกเฉด 50–950 คัดลอกเป็นชื่อคลาส HEX หรือ RGB และหาสี Tailwind ที่ใกล้กับสีของคุณ
เกี่ยวกับสี Tailwind
ตารางแสดงสีทั้ง 22 กลุ่ม กลุ่มละ 11 เฉด ตามค่ามาตรฐานของ Tailwind CSS เลือกว่าจะคัดลอกเป็นชื่อคลาส (เช่น text-emerald-600) รหัส HEX หรือ rgb() แล้วแตะสีที่ต้องการ
พิมพ์รหัสสีของแบรนด์ในช่อง “หาสีที่ใกล้ที่สุด” เพื่อดูว่าเฉดไหนใน Tailwind ใกล้เคียงที่สุด ข้อมูลสีโหลดจากแพ็กเกจ Tailwind CSS v3 โดยตรง
คำถามที่พบบ่อย
Tailwind v4 สีต่างไหม
v4 ใช้ค่า OKLCH ที่ใกล้เคียง v3 มาก หน้านี้แสดงค่า v3 ที่เป็น HEX
เครื่องมืออื่นในหมวดนี้
จัดรูปแบบ JSON Base64 เข้ารหัส / ถอดรหัส รูปภาพ ↔ Base64 URL Encode / Decode HTML Entity เข้ารหัส / ถอดรหัส สร้างค่า Hash สร้าง UUID ถอดรหัส JWT ทดสอบ Regex สร้าง Cron แปลง Unix Timestamp จัดรูปแบบโค้ด Markdown Preview แปลงข้อความเป็นเลขฐาน แปลงรหัสสี เช็คคอนทราสต์สี สร้าง CSS Gradient แปลง JSON เป็น CSV แปลง CSV เป็น JSON แปลง YAML ↔ JSON แปลง JSON เป็น TypeScript เข้ารหัส AES สร้างรหัส TOTP (2FA) ตรวจความแข็งแรงรหัสผ่าน สร้าง CSS Box Shadow สร้าง CSS Border Radius สร้างชุดสี คำนวณสัดส่วนภาพ คำนวณ Chmod