#F78EC3

#F78EC3

ค่าสี

HEX

#F78EC3

RGB

247, 142, 195

HSL

329.7, 86.8%, 76.3%

HSV

329.7, 42.5%, 96.9%

CMYK

0.0%, 42.5%, 21.1%, 3.1%

OKLCH

0.7734 0.1407 349.3

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: Tickle Me Pink

จิตวิทยาสี

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

ความกลมกลืนของสี

สีตรงข้าม

#F78EC3

#8EF7C2

สีใกล้เคียง

#F68EF7

#F78E8F

#F78EC3

สามสี

#F78EC3

#C3F78E

#8EC3F7

สีตรงข้ามแบบแยก

#F78EC3

#8FF78E

#8EF7F6

สี่สี

#F78EC3

#F7F68E

#8EF7C2

#8E8FF7

การจำลองตาบอดสี

ต้นฉบับ

#F78EC3

ตาบอดสีแดง

#CAC9B6

ตาบอดสีเขียว

#D0D7B3

ตาบอดสีน้ำเงิน

#F2ACAA

ตาบอดสีทั้งหมด

#A8A8A8

การใช้งาน CSS

background-color: #F78EC3;
color: #F78EC3;
border-color: #F78EC3;
Tailwind ที่ใกล้เคียงที่สุด: Pink 300 #F9A8D4

เฉดสี Tailwind

50
#FDF2F7
100
#FAE0ED
200
#FABCDC
300
#F78DC2
400
#F34FA1
500
#EE1181
600
#BF0D67
700
#980B52
800
#770840
900
#560B31
950
#37071F

ตรวจสอบความเปรียบต่าง

ข้อความบนพื้นขาว

2.18:1

AA Fail AAA Fail

ข้อความบนพื้นดำ

9.61:1

AA Pass AAA Pass

เปรียบเทียบกับ

#F78EC3
#8EF7C2
#F78EC3
#FFFFFF
#000000
#F78EC3

บทความที่เกี่ยวข้อง

บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026
บทเรียนแนะนำ

พื้นที่สีเชิงรับรู้: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026