ColorTool
لاگ اِن
#FB4C20

#fb4c20 ≈ Orange Red

  • نارنجی
  • روشنی: درمیانی
  • سیچوریشن: بہت شوخ
  • گرم
کنٹراسٹ جانچیں گراف میں دیکھیں بے ترتیب رنگ

⁦#fb4c20⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 98.43% سرخ، 29.8% سبز اور 12.55% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 69.72% میجنٹا، 87.25% پیلا اور 1.57% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 12.05°، سیچوریشن 96.48% اور روشنی 55.49% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن اور کھانے کے برانڈز اور ریستوران کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 6.16:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Orange Red (⁦#ff4500⁩) ہے، ΔE 2.6۔

یہ تفصیل اس رنگ کی ناپی گئی خصوصیات سے تیار کی گئی ہے۔

HEX
RGB
RGB فیصد
CMY
CMYK
HSL
HSV / HSB
ویب سیف#ff3333
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
بائنری
اعشاری
نسبتی روشنی0.2578

تکمیلی

  1. #fb4c20
  2. #20cffb

منقسم تکمیلی

  1. #fb4c20
  2. #20fbb9
  3. #2062fb

مماثل

  1. #fb2062
  2. #fb4c20
  3. #fbb920

سہ رنگی

  1. #fb4c20
  2. #20fb4c
  3. #4c20fb

چہار رنگی

  1. #fb4c20
  2. #cffb20
  3. #20cffb
  4. #4c20fb

مربع

  1. #fb4c20
  2. #62fb20
  3. #20cffb
  4. #b920fb

یک رنگی

  1. #801b02
  2. #cb2c04
  3. #fb4c20
  4. #fc886b
  5. #fec5b6

شیڈز

⁦#fb4c20⁩ میں بتدریج سیاہ ملایا گیا۔

  1. #fb4c20
  2. #e2441d
  3. #c93d1a
  4. #b03516
  5. #972e13
  6. #7e2610
  7. #641e0d
  8. #4b170a
  9. #320f06
  10. #190803
  11. #000000

ٹنٹس

⁦#fb4c20⁩ میں بتدریج سفید ملایا گیا۔

  1. #fb4c20
  2. #fb5e36
  3. #fc704d
  4. #fc8263
  5. #fd9479
  6. #fda690
  7. #fdb7a6
  8. #fec9bc
  9. #fedbd2
  10. #ffede9
  11. #ffffff

ٹونز

⁦#fb4c20⁩ میں بتدریج سرمئی ملایا گیا۔

  1. #fb4c20
  2. #ef512a
  3. #e25633
  4. #d65c3d
  5. #ca6146
  6. #be6650
  7. #b16b5a
  8. #a57063
  9. #99766d
  10. #8c7b76
  11. #808080

پڑھنے کے قابل متن 3.41:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
پڑھنے کے قابل متن 6.16:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

اکرومیٹوپسیا #8b8b8b تقریباً 0.003% مرد
اکرومیٹومیلی #c2776f تقریباً 0.001% مرد
پروٹانوپیا #817216 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #ac9911 تقریباً 1.27% مرد
ٹرائٹانوپیا #ff0045 تقریباً 0.0001% مرد
پروٹانومیلی #be651a تقریباً 1.08% مرد
ڈیوٹیرانومیلی #d08118 تقریباً 4.63% مرد
ٹرائٹانومیلی #ff2c39 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

اس رنگ میں پس منظر

اس رنگ میں بارڈر

متن کا رنگ
.text-fb4c20 {
  color: #fb4c20;
}
پس منظر
.bg-fb4c20 {
  background-color: #fb4c20;
  color: #000000;
}
بارڈر
.border-fb4c20 {
  border: 2px solid #fb4c20;
}
CSS ویری ایبلز
:root {
  --color-primary: #fb4c20;
  --color-primary-rgb: 251 76 32;
  --color-primary-hsl: 12 96% 55%;
}
گریڈیئنٹ
.gradient-fb4c20 {
  background: linear-gradient(135deg, #fb4c20, #fbb920);
}
رنگین سایہ
.shadow-fb4c20 {
  box-shadow: 0 8px 24px rgb(251 76 32 / 0.35);
}

#ff4500 Orange Red ΔE 2.60 #ff3800 Coquelicot ΔE 2.61 #f94d00 Tangelo ΔE 3.59 #ff4f00 International Orange ΔE 3.79 #ff2800 Ferrari Red ΔE 3.85 #ff2400 Scarlet ΔE 4.16 #e25822 Flame ΔE 4.84 #04b3df الٹا رنگ #8b8b8b گرے اسکیل 

Orange Red
#fb4c20  rgb(251, 76, 32)  hsl(12, 96%, 55%)  Orange Red
#20cffb  rgb(32, 207, 251)  hsl(192, 96%, 55%)  Sky Blue
#20fb4c  rgb(32, 251, 76)  hsl(132, 96%, 55%)  Lime
#4c20fb  rgb(76, 32, 251)  hsl(252, 96%, 55%)  Han Purple