ชื่อสีที่ใกล้ที่สุด · ΔE 0.23
#7DFD09
ชื่อสีที่ใกล้ที่สุด · ΔE 0.23
#7DFD09
มันดูโดดเด่นเมื่อใช้เป็นปุ่ม? อ่านได้ชัดเมื่อใช้เป็นพื้นหลัง? ใช้ได้กับขนาดแบดจ์หรือไม่?
ถ้าใช้เป็นสีหลักของเว็บไซต์ทั้งหมด จะมีความรู้สึกแบบนี้ —
ข้อความหลักอยู่ที่นี่ สีหลักใช้สำหรับปุ่มและลิงก์ สีเฉดใช้สำหรับพื้นหลัง ข้อความใช้สีที่มีความคอนทราสต์สูงสุด
เริ่มใช้งานโครงการสีที่กลมกลืนสร้างจากทฤษฎีสี
ประสิทธิภาพของสีนี้เมื่อเทียบกับข้อความสีดำและสีขาว
ข้อความสีขาวบนพื้นหลังนี้
Aa อัตราส่วน 1.32:1
ข้อความสีดำบนพื้นหลังนี้
Aa อัตราส่วน 15.93:1
:root {
--color: #7DFD09;
--color-rgb: 125, 253, 9;
--color-hsl: 91.5, 98.4%, 51.4%;
}
.bg-color { background-color: #7DFD09; }
.text-on-color { color: #000000; }
.border-color { border-color: #7DFD09; }
.gradient {
background-image: linear-gradient(90deg, #7DFD09 0%, 66FF00 100%);
}รหัสอย่างเป็นทางการที่ใกล้ที่สุดในแต่ละระบบมาตรฐาน จัดอันดับโดย CIEDE2000
สีอย่างเป็นทางการจากวัสดุแบรนด์สาธารณะ (ชุดข้อมูล simple-icons CC0)
สีนี้ที่บรรพบุรุษของเราเรียกกัน
สีเดียวกัน ตามที่เรียกในประเพณีญี่ปุ่น
อ้างอิงจากโมเดล Machado (2009) - ดูว่าสีนี้ปรากฏอย่างไรสำหรับ 8 ประเภทของทัศนวิสีสี
ทัศนวิสีปกติ
#7DFD09
ทัศนวิสีไตรโครเมียแบบมาตรฐาน โดยมีกรวยรับแสงทั้งสามชนิดทำงานได้ปกติ
โรคโปรโตโนมาลี
#DCE602
ความไวของกรวยรับแสง L ผิดปกติ (ผู้ชายประมาณ 1%) การรับรู้สีแดงอ่อนแอลง
โรคโปรโตโนเปีย
#FFD600
ไม่มีกรวยรับแสง L (ผู้ชายประมาณ 1%) ไม่สามารถรับรู้สีแดงได้ชัดเจน
โรคดิวเทอาโนมาลี
#CFE10E
ความไวของกรวยรับแสง M ผิดปกติ (ผู้ชายประมาณ 6%) เป็นความบกพร่องที่พบบ่อยที่สุด
โรคดิวเทอาโนเปีย
#FFCE12
ไม่มีกรวยรับแสง M (ผู้ชายประมาณ 1%) สับสนระหว่างสีแดงและสีเขียว
โรคไทรทาโนมาลี
#84ED6F
ความไวของกรวยรับแสง S ผิดปกติ (หายากมาก) การรับรู้สีน้ำเงิน-เหลืองอ่อนแอลง
โรคไทรทาโนเปีย
#88E3B2
ไม่มีกรวยรับแสง S (หายากมาก) สับสนระหว่างสีน้ำเงินและสีเหลือง
โรคอาครอแมทอมาลี
#9FD96A
การรับรู้สีอ่อนแออย่างรุนแรง (ประมาณ 0.001%) สีจะดูซีดจาง
โรคอาครอแมทอปเซีย
#D0D0D0
ไม่มีการรับรู้สีเลย (ประมาณ 0.003%) โลกจะปรากฏเป็นเฉดสีเทาเท่านั้น
ชื่อที่ใกล้ที่สุดตามระยะทางการรับรู้ CIEDE2000
สีที่อยู่ห่างออกหนึ่งขั้นในพื้นที่ RGB — แต่ละสีมีหน้าโปรไฟล์ของตัวเอง
ชื่อที่ผู้คนตั้งให้กับสีนี้ - หนึ่ง HEX มีมุมมองที่ไม่จบไม่สิ้น
…
เข้าสู่ระบบ / สมัครสมาชิก · เข้าสู่ระบบเพื่อตั้งชื่อสี ชื่อของคุณจะแสดงชื่อผู้สร้างอย่างเปิดเผย
อนุพันธ์ทั่วไปของสีนี้: สว่างขึ้น 25% / เข้มขึ้น 25% / อิ่มตัวมากขึ้น / อิ่มตัวน้อยลง, รวมถึงสีกลับ, สีเทา, เว็บเซฟ และสีที่ใกล้ที่สุดในชื่อ HTML คลิกเพื่อเปิดหน้า
คัดลอกโค้ดตัวอย่าง: ข้อความส่วนหน้า, พื้นหลัง, เงาข้อความ และเกรดียนเสริม
ตัวอย่างความสามารถในการอ่านข้อความ
color: #7DFD09;ตัวอย่างความสามารถในการอ่านข้อความ
background-color: #7DFD09;ตัวอย่างความสามารถในการอ่านข้อความ
text-shadow: 0.1em 0.1em 0.15em #7DFD09;linear-gradient(90deg, #7DFD09, #8909FD)ลากฮิว, ความอิ่มตัวและความสว่างเพื่อดูตัวอย่างสด – ค้นหาเวอร์ชันที่เหมาะสม
นี่คือสีที่มีรหัส HEX คือ #7DFD09. ช่องสี RGB คือ 125, 253, 9; ชื่อที่อ่านได้ใกล้ที่สุดคือ "Nuclear Waste" (ΔE 0.23, CIEDE2000)
#7DFD09 คือ rgb(125, 253, 9) ในรูปแบบ RGB, hsl(91.5, 98.4%, 51.4%) ในรูปแบบ HSL และ cmyk(50.6%, 0%, 96.4%, 0.8%) ในรูปแบบ CMYK
สีคู่ตรงข้าม #8909FD จะเข้ากันได้ดีที่สุด พร้อมกับสีในกลุ่ม triadic และ analogous — ดูส่วนความกลมกลืนด้านล่างเพื่อคัดลอกจานสีทั้งหมด
คอนทราสต์กับข้อความสีดำคือ 15.93:1 และกับข้อความสีขาวคือ 1.32:1 WCAG 2.1 กำหนดค่าอย่างน้อย 4.5:1 สำหรับข้อความปกติ (ระดับ AA) และ 3:1 สำหรับข้อความขนาดใหญ่