Color Models

RGB

โมเดลสีแบบบวกที่แสดงสีจากการผสมแสงสีแดง เขียว และน้ำเงิน ใช้ในจอแสดงผลดิจิทัลทุกประเภท

RGB is the standard color model for digital displays. Each channel (red, green, blue) is typically represented as a value from 0 to 255 (8-bit), giving a total of 16.7 million possible colors. The hex color notation (#FF5733) is a shorthand for RGB values in hexadecimal format. RGB is device-dependent, meaning the same RGB values can appear differently on different monitors unless color management is applied. It forms the basis for web colors (CSS rgb() function) and is the native color model for most image editing software.

ลองใช้งาน

แปลงสี

แปลงระหว่างรูปแบบสี HEX, RGB, HSL, HSV, CMYK และ OKLCH ได้ทันที

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

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

เรียนรู้ CSS color-mix() เพื่อผสมสีโดยตรงในเบราว์เซอร์ เชี่ยวชาญ syntax, color spaces, กรณีการใช้งานจริง และสร้างพาเลตแบบไดนามิกโดยไม่ต้องใช้ JavaScript

สร้าง Color Picker Web Component ตั้งแต่ต้น

สร้าง color picker ที่เข้าถึงได้เป็น Web Component นำ canvas rendering, hue sliders, alpha channels และ custom events ด้วย Shadow DOM ไปใช้งาน

พื้นที่สีเชิงรับรู้: Lab, LCH, Oklab, OKLCH

สำรวจพื้นที่สีที่สม่ำเสมอเชิงรับรู้ — CIE Lab, LCH, Oklab และ OKLCH เรียนรู้วิธีการออกแบบของแต่ละพื้นที่สี จุดเด่น และวิธีเลือกใช้สำหรับ CSS และงานออกแบบ

Color Proofing: รับประกันความถูกต้องของสีงานพิมพ์

เรียนรู้เทคนิค soft proofing, hard proofing และ press proof เพื่อรับประกันความถูกต้องของการพิมพ์สีจากหน้าจอสู่ผลลัพธ์สุดท้าย

CMYK สำหรับนักออกแบบเว็บ: เมื่องานพิมพ์พบกับหน้าจอ

นักออกแบบเว็บที่ทำงานกับสิ่งพิมพ์ต้องเข้าใจ CMYK เรียนรู้ความแตกต่างของ gamut กลยุทธ์การแปลง RGB เป็น CMYK ขั้นตอน print proofing และข้อผิดพลาดที่พบบ่อย

สีสำหรับการเล่าเรื่องด้วยข้อมูล: เกินกว่าสีกราฟเริ่มต้น

ก้าวพ้นสีกราฟเริ่มต้นสำหรับการเล่าเรื่องด้วยข้อมูล เรียนรู้พาเลต sequential, diverging และ categorical การเข้าถึงใน dataviz และ color scales ใน D3/Chart.js