ชื่อสี #ffcc00

USC Gold, Tangerine Yellow

สี #ffcc00 ในรูปแบบ RGB (255, 204, 0): 100%, 80%, 0% red, 100%, 80%, 0% green, 100%, 80%, 0% blue #ffcc00 ในรูปแบบ CMYK (0%, 20%, 100%, 0%): 0%, 20%, 100%, 0%. ในโมเดลสี HSL (48, 100%, 50%): 48, 100%, 50% องศา, 48, 100%, 50% ความอิ่มตัว, 48, 100%, 50% lightness รูปแบบและการจับคู่อื่นๆ แสดงไว้ด้านล่าง

#ffcc00
#ffd11a
#ffd633
#ffdb4d
#ffe066
#ffe680
#ffeb99
#fff0b3
#fff5cc
#fffae6
#ffffff

รูปแบบสี

HEX

#ffcc00

RYB

51, 204, -51

RGB

255, 204, 0

Decimal

16763904

RGB %

100%, 80%, 0%

Websafe

#ffcc00

CMYK

0%, 20%, 100%, 0%

Lab

84.2, 3.68, 85.22

HSL

48, 100%, 50%

XYZ

62.83, 64.45, 9.13

HSV

48, 100%, 100%

YIQ

195.99, 96.08, -52.89

Hunter-Lab

8.03, 0.65, 5

YUV

195.99, -96.45, 51.77

Android

0xFFffcc00

Yxy

64.45, 0.46, 0.47

สีเพิ่มเติม

#ffcc00
#fff700
#ddff00
#b3ff00
#f2ff00
#c8ff00
#9dff00
#73ff00
#b3ff00
#88ff00
#5eff00
#33ff00
#73ff00
#48ff00
#1eff00
#00ff0d
#33ff00
#09ff00
#00ff22
#00ff4d
#00ff0d
#00ff37
#00ff62
#00ff8c
#00ff4d
#00ff77
#00ffa2
#00ffcc

โครงร่างสี

Complementary

#ffcc00
#0033ff

Triad

#ffcc00
#00ffcc
#cc00ff

Tetrad

#ffcc00
#00ff4d
#0033ff
#ff00b3

เฉดสี

#ffcc00
#eebe00
#ddb100
#cca300
#bb9600
#aa8800
#997a00
#886d00
#775f00
#665200
#554400
#443600
#332900
#221b00
#110e00

โทนสีเข้ม

#cca300
#c29b00
#b89300
#ad8b00
#a38300
#997a00
#8f7200
#856a00
#7a6200
#705a00
#665200
#5c4900
#524100
#473900
#3d3100

โทนสีอ่อน

#ffcc00
#ffd400
#ffdc00
#ffe400
#ffed00
#fff500
#fffd00
#ffff00
#ffff00
#ffff00
#ffff00
#ffff00
#ffff00
#ffff00
#ffff00

สีเดียว

#cca300
#d1a700
#d6ab00
#dbaf00
#e0b400
#e6b800
#ebbc00
#f0c000
#f5c400
#fac800
#ffcc00
#ffcd05
#ffce0a
#ffcf0f
#ffd014

คล้ายคลึงกัน

#ff00b3
#ff0033
#ff4d00
#ffcc00
#b3ff00
#33ff00
#00ff4d

ลักษณะสำหรับ HTML (CSS)

พื้นหลังของบล็อกนี้เป็นสี #00ff4d
<div style="background: #00ff4d">Background</div>
div {background: #00ff4d;}
ข้อความและเส้นขอบของบล็อกนี้เป็นสี #ffcc00
<div style="color: #ffcc00">Text</div>
div {color: #00ff4d;}
<div style="border: 1px solid #ffcc00">Border</div>
div {border: 1px solid #ffcc00;}