ชื่อสีที่ใกล้ที่สุด · ΔE 0.45
#FD0C19
ชื่อสีที่ใกล้ที่สุด · ΔE 0.45
#FD0C19
มันดูโดดเด่นเมื่อใช้เป็นปุ่ม? อ่านได้ชัดเมื่อใช้เป็นพื้นหลัง? ใช้ได้กับขนาดแบดจ์หรือไม่?
ถ้าใช้เป็นสีหลักของเว็บไซต์ทั้งหมด จะมีความรู้สึกแบบนี้ —
ข้อความหลักอยู่ที่นี่ สีหลักใช้สำหรับปุ่มและลิงก์ สีเฉดใช้สำหรับพื้นหลัง ข้อความใช้สีที่มีความคอนทราสต์สูงสุด
เริ่มใช้งานโครงการสีที่กลมกลืนสร้างจากทฤษฎีสี
ประสิทธิภาพของสีนี้เมื่อเทียบกับข้อความสีดำและสีขาว
ข้อความสีขาวบนพื้นหลังนี้
Aa อัตราส่วน 4.01:1
ข้อความสีดำบนพื้นหลังนี้
Aa อัตราส่วน 5.24:1
:root {
--color: #FD0C19;
--color-rgb: 253, 12, 25;
--color-hsl: 356.8, 98.4%, 52%;
}
.bg-color { background-color: #FD0C19; }
.text-on-color { color: #000000; }
.border-color { border-color: #FD0C19; }
.gradient {
background-image: linear-gradient(90deg, #FD0C19 0%, FF0000 100%);
}รหัสอย่างเป็นทางการที่ใกล้ที่สุดในแต่ละระบบมาตรฐาน จัดอันดับโดย CIEDE2000
สีอย่างเป็นทางการจากวัสดุแบรนด์สาธารณะ (ชุดข้อมูล simple-icons CC0)
สีนี้ที่บรรพบุรุษของเราเรียกกัน
สีเดียวกัน ตามที่เรียกในประเพณีญี่ปุ่น
อ้างอิงจากโมเดล Machado (2009) - ดูว่าสีนี้ปรากฏอย่างไรสำหรับ 8 ประเภทของทัศนวิสีสี
ทัศนวิสีปกติ
#FD0C19
ทัศนวิสีไตรโครเมียแบบมาตรฐาน โดยมีกรวยรับแสงทั้งสามชนิดทำงานได้ปกติ
โรคโปรโตโนมาลี
#811D19
ความไวของกรวยรับแสง L ผิดปกติ (ผู้ชายประมาณ 1%) การรับรู้สีแดงอ่อนแอลง
โรคโปรโตโนเปีย
#2E2919
ไม่มีกรวยรับแสง L (ผู้ชายประมาณ 1%) ไม่สามารถรับรู้สีแดงได้ชัดเจน
โรคดิวเทอาโนมาลี
#A03517
ความไวของกรวยรับแสง M ผิดปกติ (ผู้ชายประมาณ 6%) เป็นความบกพร่องที่พบบ่อยที่สุด
โรคดิวเทอาโนเปีย
#625016
ไม่มีกรวยรับแสง M (ผู้ชายประมาณ 1%) สับสนระหว่างสีแดงและสีเขียว
โรคไทรทาโนมาลี
#FF0214
ความไวของกรวยรับแสง S ผิดปกติ (หายากมาก) การรับรู้สีน้ำเงิน-เหลืองอ่อนแอลง
โรคไทรทาโนเปีย
#FF0011
ไม่มีกรวยรับแสง S (หายากมาก) สับสนระหว่างสีน้ำเงินและสีเหลือง
โรคอาครอแมทอมาลี
#A2343A
การรับรู้สีอ่อนแออย่างรุนแรง (ประมาณ 0.001%) สีจะดูซีดจาง
โรคอาครอแมทอปเซีย
#404040
ไม่มีการรับรู้สีเลย (ประมาณ 0.003%) โลกจะปรากฏเป็นเฉดสีเทาเท่านั้น
ชื่อที่ใกล้ที่สุดตามระยะทางการรับรู้ CIEDE2000
สีที่อยู่ห่างออกหนึ่งขั้นในพื้นที่ RGB — แต่ละสีมีหน้าโปรไฟล์ของตัวเอง
ชื่อที่ผู้คนตั้งให้กับสีนี้ - หนึ่ง HEX มีมุมมองที่ไม่จบไม่สิ้น
…
เข้าสู่ระบบ / สมัครสมาชิก · เข้าสู่ระบบเพื่อตั้งชื่อสี ชื่อของคุณจะแสดงชื่อผู้สร้างอย่างเปิดเผย
อนุพันธ์ทั่วไปของสีนี้: สว่างขึ้น 25% / เข้มขึ้น 25% / อิ่มตัวมากขึ้น / อิ่มตัวน้อยลง, รวมถึงสีกลับ, สีเทา, เว็บเซฟ และสีที่ใกล้ที่สุดในชื่อ HTML คลิกเพื่อเปิดหน้า
คัดลอกโค้ดตัวอย่าง: ข้อความส่วนหน้า, พื้นหลัง, เงาข้อความ และเกรดียนเสริม
Text readability sample
color: #FD0C19;Text readability sample
background-color: #FD0C19;Text readability sample
text-shadow: 0.1em 0.1em 0.15em #FD0C19;linear-gradient(90deg, #FD0C19, #0CFDF0)ลากฮิว, ความอิ่มตัวและความสว่างเพื่อดูตัวอย่างสด – ค้นหาเวอร์ชันที่เหมาะสม
นี่คือสีที่มีรหัส HEX คือ #FD0C19. ช่องสี RGB คือ 253, 12, 25; ชื่อที่อ่านได้ใกล้ที่สุดคือ "Virtual Boy" (ΔE 0.45, CIEDE2000)
#FD0C19 คือ rgb(253, 12, 25) ในรูปแบบ RGB, hsl(356.8, 98.4%, 52%) ในรูปแบบ HSL และ cmyk(0%, 95.3%, 90.1%, 0.8%) ในรูปแบบ CMYK
สีคู่ตรงข้าม #0CFDF0 จะเข้ากันได้ดีที่สุด พร้อมกับสีในกลุ่ม triadic และ analogous — ดูส่วนความกลมกลืนด้านล่างเพื่อคัดลอกจานสีทั้งหมด
คอนทราสต์กับข้อความสีดำคือ 5.24:1 และกับข้อความสีขาวคือ 4.01:1 WCAG 2.1 กำหนดค่าอย่างน้อย 4.5:1 สำหรับข้อความปกติ (ระดับ AA) และ 3:1 สำหรับข้อความขนาดใหญ่