เครื่องมือสี
สร้าง วิเคราะห์ และส่งออกพาเลทสีสำหรับโปรเจกต์ของคุณ
ตัวเลือกสี
เลือกสีโดยตรงจากรูปภาพ
แยกสี
แยกสีหลักจากรูปภาพ
เครื่องสร้างพาเลท
สร้างพาเลทสีครบชุดจากรูปภาพ
สีหลัก
ระบุสีหลักในรูปภาพ
สีที่คล้ายกัน
ค้นหาสีที่คล้ายกับที่คุณเลือก
แปลงสี
แปลงสีระหว่าง HEX, RGB, HSL, CMYK
ความเปรียบต่างของสี
ตรวจสอบอัตราส่วนความเปรียบต่างสำหรับการเข้าถึง WCAG
ส่งออกพาเลท
ส่งออกพาเลทในรูปแบบ CSS, JSON, ASE
ดูตัวอย่างสี
แสดงผลสีในการออกแบบ
ดาวน์โหลดสี
ดาวน์โหลดพาเลทสีเป็นรูปภาพ
แชร์สี
แชร์พาเลทผ่านลิงก์เฉพาะ
ฮาร์โมนีสี
สำรวจสีเสริม, ไตรแอด
ไล่ระดับสี CSS
สร้างไล่ระดับสี CSS แบบเส้นตรงและวงกลม
ไล่ระดับสีแบบตาข่าย
สร้างไล่ระดับสีแบบตาข่ายหลายสี
ไล่ระดับสีเคลื่อนไหว
สร้างพื้นหลังไล่ระดับสีเคลื่อนไหวด้วย CSS
จำลองตาบอดสี
จำลองว่าสีมองเห็นอย่างไรสำหรับผู้ตาบอดสี
ความสามารถอ่านข้อความ
ทดสอบความสามารถอ่านกับสีต่างๆ
เครื่องวิเคราะห์ WCAG
วิเคราะห์พาเลทสำหรับ WCAG
กลาสมอร์ฟิซึม
สร้างเอฟเฟกต์กลาสมอร์ฟิซึมด้วย CSS
นิวมอร์ฟิซึม
สร้างเอฟเฟกต์ UI นิวมอร์ฟิก
เงาสี
สร้างเอฟเฟกต์เงาสี CSS
เอฟเฟกต์ดูโอโทน
ใส่เอฟเฟกต์สองสีให้รูปภาพ
ฟิลเตอร์สีรูปภาพ
ใส่ฟิลเตอร์สีให้รูปภาพ
บอร์ดอารมณ์สี
สร้างบอร์ดอารมณ์กับพาเลทของคุณ
เครื่องผสมสี
ผสมและรวมสี
ทินท์และเฉด
สร้างทินท์และเฉดของสีใดก็ได้
พาเลทสุ่ม
สร้างพาเลทสีสุ่มเพื่อแรงบันดาลใจ
พาเลทจากคีย์เวิร์ด
สร้างพาเลทตามคีย์เวิร์ด
พาเลท Tailwind
สร้างคอนฟิก Tailwind CSS สี
ตัวแปร CSS
ส่งออกสีเป็น CSS custom properties
ธีม shadcn/ui
สร้างคอนฟิกธีมสำหรับ shadcn/ui
ตัวแปร SCSS
ส่งออกสีเป็นตัวแปร SCSS/Sass
อุณหภูมิสี
วิเคราะห์โทนอุ่นและเย็น
อารมณ์สี
สำรวจอารมณ์และจิตวิทยาสี
สีแบรนด์
แยกสีแบรนด์จากโลโก้
เทรนด์สี
ค้นพบสีและพาเลทที่กำลังเป็นที่นิยม
แผนที่ไล่ระดับสี
ใส่แผนที่ไล่ระดับสีให้รูปภาพ
โอเวอร์เลย์สี
เพิ่มโอเวอร์เลย์สีให้รูปภาพ
พาเลทโมโนโครม
สร้างโทนสีโมโนโครม
สคีมสีเสริม
สร้างสคีมสีเสริม
ดูตัวอย่าง UI
แสดงผลสีในคอมโพเนนต์ UI
ดูตัวอย่างโซเชียล
แสดงผลสีในโซเชียลมีเดีย