UI Color - ส่วนขยาย Chrome
Press spacebar, enter a hexcode or change theHSL values to create a custom color scale
คะแนน
90
คะแนนผู้ใช้
4.8
การสนับสนุนฟรี/ทดลองใช้
รองรับ
ราคาเริ่มต้น
US$5/เดือน
อัปเดตล่าสุด
ส.ค. 04, 2026
ภาพรวม
UI Color คืออะไร?
UI Color เป็นเครื่องมือบนเว็บและส่วนขยายของ Chrome ที่ช่วยให้นักออกแบบและนักพัฒนาสร้าง ปรับแต่ง และดูตัวอย่างระดับสี Tailwind CSS ในองค์ประกอบและการออกแบบ UI ต่างๆ
UI Color ใช้สำหรับอะไร?
กลุ่มผู้ใช้
คุณสมบัติหลัก
- การสร้างสี CSS ของ Tailwind
- การแสดงตัวอย่างส่วนประกอบและการออกแบบ
- ตัวตรวจสอบคอนทราสต์
- ระดับสีที่กำหนดเอง
- ส่วนขยายของ Chrome
วิธีใช้ UI Color?
ใช้เครื่องกำเนิดสีเพื่อสร้างจานสี เพิ่มมาตราส่วน เช่น หลักหรือเป็นกลาง ดูตัวอย่างการ์ดและส่วนประกอบ และตรวจสอบคอนทราสต์ด้วยเครื่องมือในตัว อัปเกรดเป็น Pro เพื่อรับคุณสมบัติเพิ่มเติม
เครื่องมือทางเลือก
ไม่พบเครื่องมือทางเลือก
ข้อดี & ข้อเสีย
ข้อดี
- ใช้งานง่ายพร้อมการตอบรับด้วยภาพ
- ผสานรวมกับ Tailwind CSS
- คุณสมบัติพื้นฐานฟรี
ข้อเสีย
- คุณสมบัติ Pro ต้องสมัครสมาชิก
- จำกัดเฉพาะเว็บและ Chrome
กรณีการใช้งาน
- การออกแบบ UI ด้วย Tailwind CSS
- การสร้างโทนสีที่สามารถเข้าถึงได้
- การสร้างต้นแบบจานสี
ราคา UI Color
แผนฟรีแผนสมาชิก
Starter
US$5/เดือนสำหรับบุคคล
- คุณสมบัติพื้นฐานสำหรับบุคคล
Growth
US$10/เดือนสำหรับทีมเล็กๆ
- คุณสมบัติระดับมืออาชีพสำหรับทีมขนาดเล็ก
Business
US$15/เดือนเข้าถึงได้เต็มรูปแบบ
- เข้าถึงคุณสมบัติทั้งหมด
รีวิวผู้ใช้
4.8
จาก 5
4.8
ยังไม่มีรีวิว
เป็นคนแรกที่รีวิวเครื่องมือนี้!