🎨 แปลงค่าสี

🎯 จานสี

🕐 สีล่าสุด

การแปลงทันที

แปลงระหว่างรูปแบบ HEX, RGB และ HSL แบบเรียลไทม์ ป้อนรูปแบบใดก็ได้และรับอีกสองรูปแบบทันที

เครื่องมือเลือกภาพ

ตัวเลือกสีในตัวสำหรับการเลือกสีที่ใช้งานง่ายพร้อมตัวอย่างตัวอย่างสดขนาดใหญ่

จานสี

สร้างโทนสีเสริม อะนาล็อก ไตรอะดิก และแยกเสริมโดยอัตโนมัติ

คัดลอกในคลิกเดียว

คัดลอกรูปแบบสีใดๆ ไปยังคลิปบอร์ดของคุณได้ด้วยคลิกเดียว รวดเร็วและใช้งานง่าย

ประวัติศาสตร์สี

บันทึกสีที่ใช้ล่าสุดของคุณโดยอัตโนมัติเพื่อการเข้าถึงและนำมาใช้ซ้ำอย่างรวดเร็ว

ออฟไลน์อย่างเต็มที่

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ไม่ต้องใช้อินเทอร์เน็ต ไม่มีการอัพโหลดข้อมูล

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

อธิบายโมเดลสี: RGB, HSL, HEX

เจาะลึกถึงหลักการและความแตกต่างของ RGB, HSL, HEX และรุ่นสีอื่นๆ ทำความเข้าใจว่าปริภูมิสีต่างๆ ทำงานอย่างไรเพื่อควบคุมสีในการออกแบบของคุณได้อย่างแม่นยำ

คู่มือเริ่มต้น

สิ่งจำเป็นสำหรับทฤษฎีสีสำหรับนักออกแบบ

ทฤษฎีสีเป็นรากฐานของการออกแบบ ตั้งแต่วงล้อสี Itten ไปจนถึงระบบสีสมัยใหม่ ฝึกฝนความรู้ที่จำเป็นเกี่ยวกับสีและเทคนิคชุดสีที่ใช้งานได้จริงที่นักออกแบบทุกคนต้องการ

ทฤษฎีการออกแบบ

คู่มือคอนทราสต์สีที่เข้าถึงได้: ตรงตามมาตรฐาน WCAG

เรียนรู้เกี่ยวกับมาตรฐานคอนทราสต์ของสี WCAG และวิธีเลือกชุดสีที่สามารถเข้าถึงได้ ซึ่งจะทำให้เว็บไซต์ของคุณเป็นมิตรกับผู้ใช้ทุกคน รวมถึงผู้ที่มีความบกพร่องทางการมองเห็น

การเข้าถึง

จิตวิทยาสีในการสร้างแบรนด์: การบอกเล่าเรื่องราวด้วยสี

สีที่ต่างกันทำให้เกิดการตอบสนองทางอารมณ์ที่แตกต่างกัน สำรวจว่าจิตวิทยาสีนำไปใช้กับการออกแบบแบรนด์ได้อย่างไร และเรียนรู้การเลือกสีที่สื่อสารเอกลักษณ์ของแบรนด์คุณได้ดีที่สุด

การสร้างแบรนด์

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

HEX, RGB และ HSL แตกต่างกันอย่างไร
HEX คือรหัสสีเลขฐานสิบหก (เช่น #FF5733) ที่ใช้กันทั่วไปในเว็บ CSS RGB แทนสีโดยใช้ค่าสีแดง เขียว และน้ำเงิน (0-255) HSL ใช้ Hue, Saturation และ Lightness ทำให้ปรับสีได้ง่ายยิ่งขึ้น
สีเสริมคืออะไร?
สีคู่ตรงข้ามคือสีสองสีที่วางตำแหน่งห่างกัน 180° บนวงล้อสี พวกมันสร้างคอนทราสต์ของภาพที่ชัดเจน และมักใช้กับองค์ประกอบที่ต้องโดดเด่นในการออกแบบ
ฉันจะเลือกโทนสีที่ดีได้อย่างไร?
ใช้เครื่องกำเนิดจานสีของเรา รูปแบบแอนะล็อกมีความกลมกลืนและละเอียดอ่อน รูปแบบที่เสริมกันจะให้คอนทราสต์ที่ชัดเจน และรูปแบบไตรอะดิกให้ความหลากหลายของสีที่เข้มข้นแต่สมดุล เลือกตามเป้าหมายการออกแบบของคุณ
ประวัติสีจะถูกบันทึกไว้นานแค่ไหน?
ประวัติสีจะถูกจัดเก็บไว้ใน localStorage ของเบราว์เซอร์ของคุณ มันจะคงอยู่จนกว่าคุณจะล้างมันหรือล้างข้อมูลเบราว์เซอร์ของคุณด้วยตนเอง
รองรับความโปร่งใส (อัลฟ่า) หรือไม่?
ปัจจุบันรองรับรูปแบบ HEX (6 หลัก), RGB และ HSL มาตรฐาน เพื่อความโปร่งใสของอัลฟ่า คุณสามารถเพิ่มตัวเลข 2 หลักด้วยตนเองลงใน HEX (เช่น #FF573380) หรือใช้รูปแบบ rgba()