ชื่อสีที่ใกล้ที่สุด · ΔE 1.68
#76507A
ชื่อสีที่ใกล้ที่สุด · ΔE 1.68
#76507A
มันดูโดดเด่นเมื่อใช้เป็นปุ่ม? อ่านได้ชัดเมื่อใช้เป็นพื้นหลัง? ใช้ได้กับขนาดแบดจ์หรือไม่?
ถ้าใช้เป็นสีหลักของเว็บไซต์ทั้งหมด จะมีความรู้สึกแบบนี้ —
ข้อความหลักอยู่ที่นี่ สีหลักใช้สำหรับปุ่มและลิงก์ สีเฉดใช้สำหรับพื้นหลัง ข้อความใช้สีที่มีความคอนทราสต์สูงสุด
เริ่มใช้งานโครงการสีที่กลมกลืนสร้างจากทฤษฎีสี
ประสิทธิภาพของสีนี้เมื่อเทียบกับข้อความสีดำและสีขาว
ข้อความสีขาวบนพื้นหลังนี้
Aa อัตราส่วน 6.56:1
ข้อความสีดำบนพื้นหลังนี้
Aa อัตราส่วน 3.2:1
:root {
--color: #76507A;
--color-rgb: 118, 80, 122;
--color-hsl: 294.3, 20.8%, 39.6%;
}
.bg-color { background-color: #76507A; }
.text-on-color { color: #ffffff; }
.border-color { border-color: #76507A; }
.gradient {
background-image: linear-gradient(90deg, #76507A 0%, 666666 100%);
}รหัสอย่างเป็นทางการที่ใกล้ที่สุดในแต่ละระบบมาตรฐาน จัดอันดับโดย CIEDE2000
สีอย่างเป็นทางการจากวัสดุแบรนด์สาธารณะ (ชุดข้อมูล simple-icons CC0)
สีนี้ที่บรรพบุรุษของเราเรียกกัน
สีเดียวกัน ตามที่เรียกในประเพณีญี่ปุ่น
อ้างอิงจากโมเดล Machado (2009) - ดูว่าสีนี้ปรากฏอย่างไรสำหรับ 8 ประเภทของทัศนวิสีสี
ทัศนวิสีปกติ
#76507A
ทัศนวิสีไตรโครเมียแบบมาตรฐาน โดยมีกรวยรับแสงทั้งสามชนิดทำงานได้ปกติ
โรคโปรโตโนมาลี
#5E557B
ความไวของกรวยรับแสง L ผิดปกติ (ผู้ชายประมาณ 1%) การรับรู้สีแดงอ่อนแอลง
โรคโปรโตโนเปีย
#4D597C
ไม่มีกรวยรับแสง L (ผู้ชายประมาณ 1%) ไม่สามารถรับรู้สีแดงได้ชัดเจน
โรคดิวเทอาโนมาลี
#625879
ความไวของกรวยรับแสง M ผิดปกติ (ผู้ชายประมาณ 6%) เป็นความบกพร่องที่พบบ่อยที่สุด
โรคดิวเทอาโนเปีย
#545D78
ไม่มีกรวยรับแสง M (ผู้ชายประมาณ 1%) สับสนระหว่างสีแดงและสีเขียว
โรคไทรทาโนมาลี
#775269
ความไวของกรวยรับแสง S ผิดปกติ (หายากมาก) การรับรู้สีน้ำเงิน-เหลืองอ่อนแอลง
โรคไทรทาโนเปีย
#78535D
ไม่มีกรวยรับแสง S (หายากมาก) สับสนระหว่างสีน้ำเงินและสีเหลือง
โรคอาครอแมทอมาลี
#6A596C
การรับรู้สีอ่อนแออย่างรุนแรง (ประมาณ 0.001%) สีจะดูซีดจาง
โรคอาครอแมทอปเซีย
#5B5B5B
ไม่มีการรับรู้สีเลย (ประมาณ 0.003%) โลกจะปรากฏเป็นเฉดสีเทาเท่านั้น
ชื่อที่ใกล้ที่สุดตามระยะทางการรับรู้ CIEDE2000
สีที่อยู่ห่างออกหนึ่งขั้นในพื้นที่ RGB — แต่ละสีมีหน้าโปรไฟล์ของตัวเอง
ชื่อที่ผู้คนตั้งให้กับสีนี้ - หนึ่ง HEX มีมุมมองที่ไม่จบไม่สิ้น
…
เข้าสู่ระบบ / สมัครสมาชิก · เข้าสู่ระบบเพื่อตั้งชื่อสี ชื่อของคุณจะแสดงชื่อผู้สร้างอย่างเปิดเผย
อนุพันธ์ทั่วไปของสีนี้: สว่างขึ้น 25% / เข้มขึ้น 25% / อิ่มตัวมากขึ้น / อิ่มตัวน้อยลง, รวมถึงสีกลับ, สีเทา, เว็บเซฟ และสีที่ใกล้ที่สุดในชื่อ HTML คลิกเพื่อเปิดหน้า
คัดลอกโค้ดตัวอย่าง: ข้อความส่วนหน้า, พื้นหลัง, เงาข้อความ และเกรดียนเสริม
ตัวอย่างความสามารถในการอ่านข้อความ
color: #76507A;ตัวอย่างความสามารถในการอ่านข้อความ
background-color: #76507A;ตัวอย่างความสามารถในการอ่านข้อความ
text-shadow: 0.1em 0.1em 0.15em #76507A;linear-gradient(90deg, #76507A, #547A50)ลากฮิว, ความอิ่มตัวและความสว่างเพื่อดูตัวอย่างสด – ค้นหาเวอร์ชันที่เหมาะสม
นี่คือสีที่มีรหัส HEX คือ #76507A. ช่องสี RGB คือ 118, 80, 122; ชื่อที่อ่านได้ใกล้ที่สุดคือ "Birthstone" (ΔE 1.68, CIEDE2000)
#76507A คือ rgb(118, 80, 122) ในรูปแบบ RGB, hsl(294.3, 20.8%, 39.6%) ในรูปแบบ HSL และ cmyk(3.3%, 34.4%, 0%, 52.2%) ในรูปแบบ CMYK
สีคู่ตรงข้าม #547A50 จะเข้ากันได้ดีที่สุด พร้อมกับสีในกลุ่ม triadic และ analogous — ดูส่วนความกลมกลืนด้านล่างเพื่อคัดลอกจานสีทั้งหมด
คอนทราสต์กับข้อความสีดำคือ 3.2:1 และกับข้อความสีขาวคือ 6.56:1 WCAG 2.1 กำหนดค่าอย่างน้อย 4.5:1 สำหรับข้อความปกติ (ระดับ AA) และ 3:1 สำหรับข้อความขนาดใหญ่