#44dd77
ค่าสี การเขียนค่าสี — HEX (ฐานสิบหก), RGB (แม่สีของแสง), HSL (เฉดสี/ความอิ่มตัว/ความสว่าง), CMYK (หมึกพิมพ์ โดยประมาณ)
- HEX
-
#44dd77 - RGB
-
rgb(68, 221, 119) - HSL
-
hsl(140, 69%, 57%) - OKLCH
-
oklch(79.5% 0.191 150.3) - CMYK
-
69% 0% 46% 13%
- ความสว่างสัมพัทธ์ ความสว่างสัมพัทธ์: ความสว่างของสี ตั้งแต่ 0 (ดำ) ถึง 1 (ขาว) ใช้คำนวณคอนทราสต์ตาม WCAG
- 0.5427
- เฉดสี เฉดสี: ชนิดของสี (แดง ส้ม เหลือง…) เราแบ่งวงล้อสีออกเป็น 12 ส่วน
- เขียวอมฟ้า
- ชื่อที่ใกล้ที่สุด ชื่อที่ใกล้ที่สุด: ชื่อสีมาตรฐาน CSS ที่ใกล้เคียงสีนี้ที่สุด
- mediumseagreen
คอนทราสต์
| อัตราส่วน อัตราส่วนคอนทราสต์: ความต่างของความสว่างระหว่างสองสี ตั้งแต่ 1:1 ถึง 21:1 ยิ่งมากยิ่งอ่านง่าย | APCA (Lc) APCA: มาตรวัดคอนทราสต์เชิงการรับรู้แบบใหม่จากร่าง WCAG 3 ค่า Lc อยู่ราว 0–106 ยิ่งมากยิ่งอ่านง่าย เครื่องหมายบอกขั้ว (ตัวอักษรเข้มบนพื้นอ่อน หรืออ่อนบนเข้ม) | |
|---|---|---|
| เป็นพื้นหลัง | ||
| ตัวอักษรขาว | 1.77:1 | -36 |
| ตัวอักษรดำ | 11.85:1 | 72 |
| เป็นตัวอักษร | ||
| พื้นขาว | 1.77:1 | 32 |
| พื้นดำ | 11.85:1 | -71 |
ความกลมกลืนของสี
สีคู่ตรงข้าม สีคู่ตรงข้าม: สีที่อยู่ตรงข้ามบนวงล้อ (180°) ทั้งสองช่วยขับให้กันและกันเด่นขึ้น
คู่ตรงข้ามแยก คู่ตรงข้ามแยก: สองสีที่ขนาบสีคู่ตรงข้าม (180° ± 30°) นุ่มนวลกว่าคู่ตรงข้ามตรง ๆ
เฉดเข้มและเฉดอ่อน เฉดเข้มและเฉดอ่อน: ขั้นที่อ่อนกว่าเกิดจากผสมไปทางขาว (tint) และขั้นที่เข้มกว่าเกิดจากผสมไปทางดำ (shade)
ความรู้สึก ความรู้สึก: ป้ายบอกอารมณ์ที่สีสื่อออกมา — อบอุ่น สงบ สดใส และอื่น ๆ
ตัวอย่างการใช้งาน
เป็นพื้นหลัง (ตัวอักษรดำ)
เป็นพื้นหลัง (ตัวอักษรขาว)
เป็นตัวอักษร (พื้นขาว)
เป็นตัวอักษร (พื้นดำ)
ลองจับคู่สี
พื้นหลัง ตัวอักษร