เลือกและคัดลอกสีในรูปแบบ HEX, RGB, HSL
เรียนรู้วิธีเลือกสีและแปลงเป็นรูปแบบต่างๆ
คลิกที่วงล้อสีหรือใช้ช่องป้อนสีเพื่อเลือกสีที่ต้องการ คุณยังสามารถป้อนรหัสสีเฉพาะได้โดยตรง
ดูสีที่เลือกของคุณในรูปแบบ HEX, RGB, HSL, HSV และ CMYK ได้ทันที แต่ละรูปแบบจะถูกคำนวณโดยอัตโนมัติ
คลิกปุ่มคัดลอกข้างรูปแบบสีใดก็ได้เพื่อคัดลอกรหัสไปยังคลิปบอร์ดสำหรับใช้ในโปรเจกต์ของคุณ
ค้นพบสีตรงข้าม สีข้างเคียง สีสามเส้า สีสี่เส้า และสีตรงข้ามแยกตามสีที่คุณเลือก
คลิกปุ่ม 'บันทึกสี' เพื่อเก็บสีไว้สำหรับอ้างอิงในอนาคต สีที่บันทึกจะคงอยู่ตลอดเซสชัน
คลิกไอคอน eyedropper เพื่อเลือกสีใดก็ได้จากหน้าจอ (ใช้ได้ในเบราว์เซอร์ Chrome, Edge และ Opera)
ตัวเลือกสีเป็นเครื่องมือแบบเห็นภาพที่ให้คุณเลือกสีและรับค่าในรูปแบบต่างๆ เช่น HEX, RGB และ HSL จำเป็นสำหรับการออกแบบเว็บ การออกแบบกราฟิก และโปรเจกต์การพัฒนา
💡 สำรวจสีที่กลมกลืนกันเพื่อจานสีที่สอดคล้องกัน
💡 ใช้ HSL เพื่อปรับสีได้ง่ายขึ้น
💡 บันทึกสีแบรนด์ของคุณเพื่อใช้งานอย่างสม่ำเสมอ
💡 คลิกปุ่ม eyedropper เพื่อเลือกสีใดก็ได้ที่แสดงบนหน้าจอ
💡 ใช้ช่อง Alpha สำหรับเอฟเฟกต์ความโปร่งใสในการออกแบบของคุณ
HEX (เลขฐานสิบหก) - รหัสหกหลักที่ใช้ในการออกแบบเว็บและ CSS รูปแบบ: #RRGGBB โดยแต่ละคู่แทนค่าสีแดง เขียว และน้ำเงินตั้งแต่ 00-FF
RGB (แดง, เขียว, น้ำเงิน) - โมเดลสีที่ใช้แสง แต่ละช่องมีค่าตั้งแต่ 0-255 ใช้ในจอแสดงผลดิจิทัลและ CSS
HSL (เฉดสี, ความอิ่มตัว, ความสว่าง) - โมเดลสีที่เข้าใจง่าย เฉดสีคือองศาของสี (0-360°) ความอิ่มตัวคือความเข้มของสี (0-100%) ความสว่าง (0-100%)
HSV (เฉดสี, ความอิ่มตัว, ค่า) - คล้ายกับ HSL แต่ใช้ Value สำหรับความสว่าง เป็นที่นิยมในซอฟต์แวร์ออกแบบเช่น Photoshop เรียกอีกชื่อว่า HSB (Brightness)
CMYK (ฟ้า, แดงม่วง, เหลือง, ดำ) - โมเดลสีแบบลบที่ใช้ในการพิมพ์ แต่ละค่าแทนเปอร์เซ็นต์ของหมึก (0-100%)
