اسم اللون #ffcc55

Angry Pasta

اللون: سداسي عشري بتنسيق RGB (255, 204, 85): 100%, 80%, 33% red، 100%, 80%, 33% green، 100%, 80%, 33% blue. :سداسي عشري بتنسيق CMYK (0%, 20%, 67%, 0%): 0%, 20%, 67%, 0%. في نموذج ألوان HSL (42, 100%, 67%): :درجات hsl، :تشبع hsl، 42, 100%, 67% خفة. يتم عرض التنسيقات والمطابقات الأخرى أدناه.

#ffcc55

#ffd166

#ffd677

#ffdb88

#ffe099

#ffe6aa

#ffebbb

#fff0cc

#fff5dd

#fffaee

#ffffff

تنسيقات الألوان

HEX

#ffcc55

RYB

51, 119, -51

RGB

255, 204, 85

Decimal

16763989

RGB %

100%, 80%, 33%

Websafe

#ffcc66

CMYK

0%, 20%, 67%, 0%

Lab

84.54, 5.98, 64.06

HSL

42, 100%, 67%

XYZ

64.47, 65.1, 17.76

HSV

42, 67%, 100%

YIQ

205.68, 68.71, -26.37

Hunter-Lab

8.07, 0.89, 4.45

YUV

205.68, -59.39, 43.27

Android

0xFFffcc55

Yxy

65.1, 0.44, 0.44

ألوان إضافية

#ffcc55

#ffe855

#f9ff55

#ddff55

#fff755

#ebff55

#cfff55

#b3ff55

#ddff55

#c1ff55

#a4ff55

#88ff55

#b3ff55

#96ff55

#7aff55

#5eff55

#88ff55

#6cff55

#55ff5b

#55ff77

#5eff55

#55ff69

#55ff85

#55ffa2

#55ff77

#55ff93

#55ffb0

#55ffcc

الألوان

Complementary

#ffcc55

#5588ff

Triad

#ffcc55

#55ffcc

#cc55ff

Tetrad

#ffcc55

#55ff77

#5588ff

#ff55dd

ظلال

#ffcc55

#eebe4f

#ddb14a

#cca344

#bb963e

#aa8839

#997a33

#886d2d

#775f28

#665222

#55441c

#443617

#332911

#221b0b

#110e06

نغمات داكنة

#cca344

#c29b41

#b8933d

#ad8b3a

#a38336

#997a33

#8f7230

#856a2c

#7a6229

#705a25

#665222

#5c491f

#52411b

#473918

#3d3114

نغمات خفيفة

#ffcc55

#ffd458

#ffdc5c

#ffe45f

#ffed63

#fff566

#fffd69

#ffff6d

#ffff70

#ffff74

#ffff77

#ffff7a

#ffff7e

#ffff81

#ffff85

أحادية اللون

#ffb811

#ffba18

#ffbc1f

#ffbe25

#ffc02c

#ffc233

#ffc43a

#ffc641

#ffc847

#ffca4e

#ffcc55

#ffce5c

#ffd063

#ffd269

#ffd470

مماثل

#ff55da

#ff5585

#ff7755

#ffcc55

#ddff55

#88ff55

#55ff77

أنماط HTML (CSS)

خلفية هذه الكتلة ملونة #55ff77

<div style="background: #55ff77">Background</div>

div {background: #55ff77;}

النص وحدود هذه الكتلة ملونة #ffcc55

div {color: #55ff77;}

<div style="border: 1px solid #ffcc55">Border</div>

div {border: 1px solid #ffcc55;}