#778899

lightslategray

%
เปิดหน้าสีนี้

รหัสสี

HEX#778899
RGBrgb(119, 136, 153)
HSLhsl(210°, 14.29%, 53.33%)
HSVhsv(210°, 22.22%, 60%)
CMYKcmyk(22.22%, 11.11%, 0%, 40%)
XYZxyz(22.16, 23.83, 33.56)
LABlab(55.92, -2.25, -11.11)
LCHlch(55.92, 11.33, 258.56°)

รหัสสี

HEX#778899
RGBrgb(119, 136, 153)
HSLhsl(210°, 14.29%, 53.33%)
HSVhsv(210°, 22.22%, 60%)
CMYKcmyk(22.22%, 11.11%, 0%, 40%)
XYZxyz(22.16, 23.83, 33.56)
LABlab(55.92, -2.25, -11.11)
LCHlch(55.92, 11.33, 258.56°)

การเข้าถึง

บนพื้นขาว3.64:1AA ✗AAA ✗
บนพื้นดำ5.77:1AA ✓AAA ✗

เป็นมนุษย์สุดประเสริฐเลิศคุณค่า

ข้อความเนื้อหาบนสีนั้น เพื่อให้ตัดสินความอ่านง่ายได้ก่อนตัดสินใจใช้จริง

เฉดและการจับคู่สี

สีอ่อนคือการผสมกับขาวบริสุทธิ์ ส่วนสีเข้มคือการผสมกับดำบริสุทธิ์ ทั้งสองชุดคำนวณทีละ 10% จึงทำให้สีสว่างขึ้นหรือลึกลงได้โดยไม่เปลี่ยนเนื้อสี

สีเข้ม

สีอ่อน

การจัดชุดสี

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

#778899
#998877

สีตรงข้าม

สีที่อยู่ตรงข้ามกันพอดีบนวงล้อ ห่างกัน 180° ตัดกันแรงที่สุด เหมาะเมื่อให้สีหนึ่งเป็นหลักและอีกสีเป็นจุดเน้น

สร้างไล่ระดับสี
#778899
#997777
#999977

สีตรงข้ามแบบแยก

สีหลักบวกกับสองสีที่ขนาบสีตรงข้าม ห่างออกไปข้างละราว 30° คงความตัดกันไว้แต่ลดความบาดตา

สร้างไล่ระดับสี
#778899
#997788
#889977

สามเส้า

สามสีที่ห่างกัน 120° สดใสและสมดุล ควรให้สีหนึ่งเด่นและใช้ที่เหลือเป็นจุดเน้น

สร้างไล่ระดับสี
#779999
#778899
#777799

สีข้างเคียง

สามสีที่ติดกันโดยห่างกัน 30° ตัดกันน้อยและสบายตา เหมาะกับพื้นหลังเรียบและงานไล่ระดับ

สร้างไล่ระดับสี
#3E4853
#5A6978
#778899
#9AA7B3
#C0C8D0

สีเดียวหลายระดับ

สีเดียวในหลายระดับความสว่าง กลมกลืนโดยธรรมชาติและเป็นทางที่ปลอดภัยที่สุดสู่หน้าตาที่เป็นอันหนึ่งอันเดียวกัน

สร้างไล่ระดับสี
#778899
#887799
#998877
#889977

สี่เหลี่ยม

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

สร้างไล่ระดับสี

สีมาแรงอื่น ๆ