ตัวสร้างชุดสี
สร้างชุดสีกลมกลืนที่ล็อกได้ ระดับโทนสี OKLCH และโทเคนออกแบบ
สร้างพาเลต
สีในชุด
ลดความเข้มสีเพื่อแปลงเป็น sRGB
ตัวตรวจสอบสี
เปิดในตัวแปลงสีสี 1
- HEX
- #6366F1
- RGB
- rgb(99 102 241)
- HSL
- hsl(238.732 83.529% 66.667%)
- OKLCH
- oklch(58.54% 0.2041 277.117)
สีอ่อน
#767FF5#8B96F8#A1ADFA#B9C2FC#D1D8FD
สีเข้ม
#5154C6#40439D#303376#202351#12142E
การเข้าถึง
ไม่ผ่าน หมายถึงคู่สีพื้นหน้าและพื้นหลังนี้ต่ำกว่าเกณฑ์ข้อความ WCAG ที่เลือก ไม่ได้หมายความว่าการสร้างพาเลตล้มเหลว ข้อความปกติ: AA 4.5:1; AAA 7:1
ข้อความที่ดีที่สุดคือสีดำหรือสีขาว แล้วแต่ว่าสีใดตัดกับสีนั้นมากกว่า
| สี | ข้อความที่ดีที่สุด | เทียบสีดำ | เทียบสีขาว | AA | AAA |
|---|---|---|---|---|---|
1#6366F1 | ดำ | 4.70:1 | 4.47:1 | ผ่าน | ไม่ผ่าน |
2#3C69C0 | ขาว | 3.97:1 | 5.28:1 | ผ่าน | ไม่ผ่าน |
3#8F72EA | ดำ | 5.76:1 | 3.64:1 | ผ่าน | ไม่ผ่าน |
4#0063A3 | ขาว | 3.31:1 | 6.34:1 | ผ่าน | ไม่ผ่าน |
5#B27FE0 | ดำ | 7.01:1 | 2.99:1 | ผ่าน | ผ่าน |
ส่งออกและเชื่อมต่อ
จำนวนสีส่งออก: 5 (ชุดสีทั่วไป)
:root {
--primary-1: #6366F1;
--primary-2: #3C69C0;
--primary-3: #8F72EA;
--primary-4: #0063A3;
--primary-5: #B27FE0;
}การเชื่อมต่อ
เลือก 2–6 สีตามลำดับที่ต้องการ ไม่มีการตัดสีอัตโนมัติ
ขั้นสูง
ตัวสร้างชุดสี
สร้างระบบสีที่แก้ไขและล็อกได้ด้วยโทน OKLCH และโทเคนออกแบบที่ใช้งานได้
ตัวเลือก
เลือกสีตั้งต้นหรือสุ่ม แก้ไขและล็อกสีที่ต้องเก็บก่อนสุ่มใหม่ ความกลมกลืนใช้มุมสีตามการรับรู้และสีล็อกอาจต่างออกไป ระดับโทนเก็บชุดสีทั่วไปและสร้าง 50–950 สีตั้งต้นไม่จำเป็นต้องตรง 500 ตรวจสีอ่อน/เข้ม สี่รูปแบบและคอนทราสต์ แล้วคัดลอกหรือดาวน์โหลดโทเคนห้ารูปแบบ
คอนทราสต์
เก็บอัลฟา คอนทราสต์ผสมพื้นหลังแล้วด้านหน้าบนพื้นทึบ ไม่ใช่การรับรองการเข้าถึง การนำเข้า 11 โทนต้องลดความสว่าง สีอยู่ในเครื่องและการบันทึกเป็นทางเลือก เลือก 2–6 สีเพื่อส่งไปไล่สีในภาษาปัจจุบัน เลิกทำรีเซ็ตหรือนำเข้าได้
