ชื่อสีที่ใกล้ที่สุด · ΔE 1.33
#309DFD
ชื่อสีที่ใกล้ที่สุด · ΔE 1.33
#309DFD
มันดูโดดเด่นเมื่อใช้เป็นปุ่ม? อ่านได้ชัดเมื่อใช้เป็นพื้นหลัง? ใช้ได้กับขนาดแบดจ์หรือไม่?
ถ้าใช้เป็นสีหลักของเว็บไซต์ทั้งหมด จะมีความรู้สึกแบบนี้ —
ข้อความหลักอยู่ที่นี่ สีหลักใช้สำหรับปุ่มและลิงก์ สีเฉดใช้สำหรับพื้นหลัง ข้อความใช้สีที่มีความคอนทราสต์สูงสุด
เริ่มใช้งานโครงการสีที่กลมกลืนสร้างจากทฤษฎีสี
ประสิทธิภาพของสีนี้เมื่อเทียบกับข้อความสีดำและสีขาว
ข้อความสีขาวบนพื้นหลังนี้
Aa อัตราส่วน 2.85:1
ข้อความสีดำบนพื้นหลังนี้
Aa อัตราส่วน 7.37:1
:root {
--color: #309DFD;
--color-rgb: 48, 157, 253;
--color-hsl: 208.1, 98.1%, 59%;
}
.bg-color { background-color: #309DFD; }
.text-on-color { color: #000000; }
.border-color { border-color: #309DFD; }
.gradient {
background-image: linear-gradient(90deg, #309DFD 0%, 3399FF 100%);
}รหัสอย่างเป็นทางการที่ใกล้ที่สุดในแต่ละระบบมาตรฐาน จัดอันดับโดย CIEDE2000
สีอย่างเป็นทางการจากวัสดุแบรนด์สาธารณะ (ชุดข้อมูล simple-icons CC0)
สีนี้ที่บรรพบุรุษของเราเรียกกัน
สีเดียวกัน ตามที่เรียกในประเพณีญี่ปุ่น
อ้างอิงจากโมเดล Machado (2009) - ดูว่าสีนี้ปรากฏอย่างไรสำหรับ 8 ประเภทของทัศนวิสีสี
ทัศนวิสีปกติ
#309DFD
ทัศนวิสีไตรโครเมียแบบมาตรฐาน โดยมีกรวยรับแสงทั้งสามชนิดทำงานได้ปกติ
โรคโปรโตโนมาลี
#5C9BFF
ความไวของกรวยรับแสง L ผิดปกติ (ผู้ชายประมาณ 1%) การรับรู้สีแดงอ่อนแอลง
โรคโปรโตโนเปีย
#799AFF
ไม่มีกรวยรับแสง L (ผู้ชายประมาณ 1%) ไม่สามารถรับรู้สีแดงได้ชัดเจน
โรคดิวเทอาโนมาลี
#4C8DFC
ความไวของกรวยรับแสง M ผิดปกติ (ผู้ชายประมาณ 6%) เป็นความบกพร่องที่พบบ่อยที่สุด
โรคดิวเทอาโนเปีย
#5F83FB
ไม่มีกรวยรับแสง M (ผู้ชายประมาณ 1%) สับสนระหว่างสีแดงและสีเขียว
โรคไทรทาโนมาลี
#15ABD5
ความไวของกรวยรับแสง S ผิดปกติ (หายากมาก) การรับรู้สีน้ำเงิน-เหลืองอ่อนแอลง
โรคไทรทาโนเปีย
#03B4BA
ไม่มีกรวยรับแสง S (หายากมาก) สับสนระหว่างสีน้ำเงินและสีเหลือง
โรคอาครอแมทอมาลี
#6091BD
การรับรู้สีอ่อนแออย่างรุนแรง (ประมาณ 0.001%) สีจะดูซีดจาง
โรคอาครอแมทอปเซีย
#8D8D8D
ไม่มีการรับรู้สีเลย (ประมาณ 0.003%) โลกจะปรากฏเป็นเฉดสีเทาเท่านั้น
ชื่อที่ใกล้ที่สุดตามระยะทางการรับรู้ CIEDE2000
สีที่อยู่ห่างออกหนึ่งขั้นในพื้นที่ RGB — แต่ละสีมีหน้าโปรไฟล์ของตัวเอง
ชื่อที่ผู้คนตั้งให้กับสีนี้ - หนึ่ง HEX มีมุมมองที่ไม่จบไม่สิ้น
…
เข้าสู่ระบบ / สมัครสมาชิก · เข้าสู่ระบบเพื่อตั้งชื่อสี ชื่อของคุณจะแสดงชื่อผู้สร้างอย่างเปิดเผย
อนุพันธ์ทั่วไปของสีนี้: สว่างขึ้น 25% / เข้มขึ้น 25% / อิ่มตัวมากขึ้น / อิ่มตัวน้อยลง, รวมถึงสีกลับ, สีเทา, เว็บเซฟ และสีที่ใกล้ที่สุดในชื่อ HTML คลิกเพื่อเปิดหน้า
คัดลอกโค้ดตัวอย่าง: ข้อความส่วนหน้า, พื้นหลัง, เงาข้อความ และเกรดียนเสริม
ตัวอย่างความสามารถในการอ่านข้อความ
color: #309DFD;ตัวอย่างความสามารถในการอ่านข้อความ
background-color: #309DFD;ตัวอย่างความสามารถในการอ่านข้อความ
text-shadow: 0.1em 0.1em 0.15em #309DFD;linear-gradient(90deg, #309DFD, #FD9030)ลากฮิว, ความอิ่มตัวและความสว่างเพื่อดูตัวอย่างสด – ค้นหาเวอร์ชันที่เหมาะสม
นี่คือสีที่มีรหัส HEX คือ #309DFD. ช่องสี RGB คือ 48, 157, 253; ชื่อที่อ่านได้ใกล้ที่สุดคือ "Blue Nebula" (ΔE 1.33, CIEDE2000)
#309DFD คือ rgb(48, 157, 253) ในรูปแบบ RGB, hsl(208.1, 98.1%, 59%) ในรูปแบบ HSL และ cmyk(81%, 37.9%, 0%, 0.8%) ในรูปแบบ CMYK
สีคู่ตรงข้าม #FD9030 จะเข้ากันได้ดีที่สุด พร้อมกับสีในกลุ่ม triadic และ analogous — ดูส่วนความกลมกลืนด้านล่างเพื่อคัดลอกจานสีทั้งหมด
คอนทราสต์กับข้อความสีดำคือ 7.37:1 และกับข้อความสีขาวคือ 2.85:1 WCAG 2.1 กำหนดค่าอย่างน้อย 4.5:1 สำหรับข้อความปกติ (ระดับ AA) และ 3:1 สำหรับข้อความขนาดใหญ่