ชื่อสีที่ใกล้ที่สุด · ΔE 1.12
#369EA6
ชื่อสีที่ใกล้ที่สุด · ΔE 1.12
#369EA6
มันดูโดดเด่นเมื่อใช้เป็นปุ่ม? อ่านได้ชัดเมื่อใช้เป็นพื้นหลัง? ใช้ได้กับขนาดแบดจ์หรือไม่?
ถ้าใช้เป็นสีหลักของเว็บไซต์ทั้งหมด จะมีความรู้สึกแบบนี้ —
ข้อความหลักอยู่ที่นี่ สีหลักใช้สำหรับปุ่มและลิงก์ สีเฉดใช้สำหรับพื้นหลัง ข้อความใช้สีที่มีความคอนทราสต์สูงสุด
เริ่มใช้งานโครงการสีที่กลมกลืนสร้างจากทฤษฎีสี
ประสิทธิภาพของสีนี้เมื่อเทียบกับข้อความสีดำและสีขาว
ข้อความสีขาวบนพื้นหลังนี้
Aa อัตราส่วน 3.18:1
ข้อความสีดำบนพื้นหลังนี้
Aa อัตราส่วน 6.6:1
:root {
--color: #369EA6;
--color-rgb: 54, 158, 166;
--color-hsl: 184.3, 50.9%, 43.1%;
}
.bg-color { background-color: #369EA6; }
.text-on-color { color: #000000; }
.border-color { border-color: #369EA6; }
.gradient {
background-image: linear-gradient(90deg, #369EA6 0%, 339999 100%);
}รหัสอย่างเป็นทางการที่ใกล้ที่สุดในแต่ละระบบมาตรฐาน จัดอันดับโดย CIEDE2000
สีอย่างเป็นทางการจากวัสดุแบรนด์สาธารณะ (ชุดข้อมูล simple-icons CC0)
สีนี้ที่บรรพบุรุษของเราเรียกกัน
สีเดียวกัน ตามที่เรียกในประเพณีญี่ปุ่น
อ้างอิงจากโมเดล Machado (2009) - ดูว่าสีนี้ปรากฏอย่างไรสำหรับ 8 ประเภทของทัศนวิสีสี
ทัศนวิสีปกติ
#369EA6
ทัศนวิสีไตรโครเมียแบบมาตรฐาน โดยมีกรวยรับแสงทั้งสามชนิดทำงานได้ปกติ
โรคโปรโตโนมาลี
#6A97A6
ความไวของกรวยรับแสง L ผิดปกติ (ผู้ชายประมาณ 1%) การรับรู้สีแดงอ่อนแอลง
โรคโปรโตโนเปีย
#8D93A7
ไม่มีกรวยรับแสง L (ผู้ชายประมาณ 1%) ไม่สามารถรับรู้สีแดงได้ชัดเจน
โรคดิวเทอาโนมาลี
#5C8DA7
ความไวของกรวยรับแสง M ผิดปกติ (ผู้ชายประมาณ 6%) เป็นความบกพร่องที่พบบ่อยที่สุด
โรคดิวเทอาโนเปีย
#7681A7
ไม่มีกรวยรับแสง M (ผู้ชายประมาณ 1%) สับสนระหว่างสีแดงและสีเขียว
โรคไทรทาโนมาลี
#25A4A2
ความไวของกรวยรับแสง S ผิดปกติ (หายากมาก) การรับรู้สีน้ำเงิน-เหลืองอ่อนแอลง
โรคไทรทาโนเปีย
#1AA7A0
ไม่มีกรวยรับแสง S (หายากมาก) สับสนระหว่างสีน้ำเงินและสีเหลือง
โรคอาครอแมทอมาลี
#5E8E91
การรับรู้สีอ่อนแออย่างรุนแรง (ประมาณ 0.001%) สีจะดูซีดจาง
โรคอาครอแมทอปเซีย
#888888
ไม่มีการรับรู้สีเลย (ประมาณ 0.003%) โลกจะปรากฏเป็นเฉดสีเทาเท่านั้น
ชื่อที่ใกล้ที่สุดตามระยะทางการรับรู้ CIEDE2000
สีที่อยู่ห่างออกหนึ่งขั้นในพื้นที่ RGB — แต่ละสีมีหน้าโปรไฟล์ของตัวเอง
ชื่อที่ผู้คนตั้งให้กับสีนี้ - หนึ่ง HEX มีมุมมองที่ไม่จบไม่สิ้น
…
เข้าสู่ระบบ / สมัครสมาชิก · เข้าสู่ระบบเพื่อตั้งชื่อสี ชื่อของคุณจะแสดงชื่อผู้สร้างอย่างเปิดเผย
อนุพันธ์ทั่วไปของสีนี้: สว่างขึ้น 25% / เข้มขึ้น 25% / อิ่มตัวมากขึ้น / อิ่มตัวน้อยลง, รวมถึงสีกลับ, สีเทา, เว็บเซฟ และสีที่ใกล้ที่สุดในชื่อ HTML คลิกเพื่อเปิดหน้า
คัดลอกโค้ดตัวอย่าง: ข้อความส่วนหน้า, พื้นหลัง, เงาข้อความ และเกรดียนเสริม
ตัวอย่างความสามารถในการอ่านข้อความ
color: #369EA6;ตัวอย่างความสามารถในการอ่านข้อความ
background-color: #369EA6;ตัวอย่างความสามารถในการอ่านข้อความ
text-shadow: 0.1em 0.1em 0.15em #369EA6;linear-gradient(90deg, #369EA6, #A63E36)ลากฮิว, ความอิ่มตัวและความสว่างเพื่อดูตัวอย่างสด – ค้นหาเวอร์ชันที่เหมาะสม
นี่คือสีที่มีรหัส HEX คือ #369EA6. ช่องสี RGB คือ 54, 158, 166; ชื่อที่อ่านได้ใกล้ที่สุดคือ "Cancer Seagreen Scarab" (ΔE 1.12, CIEDE2000)
#369EA6 คือ rgb(54, 158, 166) ในรูปแบบ RGB, hsl(184.3, 50.9%, 43.1%) ในรูปแบบ HSL และ cmyk(67.5%, 4.8%, 0%, 34.9%) ในรูปแบบ CMYK
สีคู่ตรงข้าม #A63E36 จะเข้ากันได้ดีที่สุด พร้อมกับสีในกลุ่ม triadic และ analogous — ดูส่วนความกลมกลืนด้านล่างเพื่อคัดลอกจานสีทั้งหมด
คอนทราสต์กับข้อความสีดำคือ 6.6:1 และกับข้อความสีขาวคือ 3.18:1 WCAG 2.1 กำหนดค่าอย่างน้อย 4.5:1 สำหรับข้อความปกติ (ระดับ AA) และ 3:1 สำหรับข้อความขนาดใหญ่