ColorTool
لاگ اِن
#F87F22

#f87f22 ≈ Pumpkin

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

⁦#f87f22⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 97.25% سرخ، 49.8% سبز اور 13.33% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 48.79% میجنٹا، 86.29% پیلا اور 2.75% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 26.07°، سیچوریشن 93.86% اور روشنی 55.29% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن اور کھانے کے برانڈز اور ریستوران کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 8.05:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Pumpkin (⁦#ff7518⁩) ہے، ΔE 3.07۔

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

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

تکمیلی

  1. #f87f22
  2. #229bf8

منقسم تکمیلی

  1. #f87f22
  2. #22f8ea
  3. #2230f8

مماثل

  1. #f82230
  2. #f87f22
  3. #f8ea22

سہ رنگی

  1. #f87f22
  2. #22f87f
  3. #7f22f8

چہار رنگی

  1. #f87f22
  2. #9bf822
  3. #229bf8
  4. #7f22f8

مربع

  1. #f87f22
  2. #30f822
  3. #229bf8
  4. #ea22f8

یک رنگی

  1. #7d3904
  2. #c75a06
  3. #f87f22
  4. #faaa6c
  5. #fdd5b6

شیڈز

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

  1. #f87f22
  2. #df721f
  3. #c6661b
  4. #ae5918
  5. #954c14
  6. #7c4011
  7. #63330e
  8. #4a260a
  9. #321907
  10. #190d03
  11. #000000

ٹنٹس

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

  1. #f87f22
  2. #f98c38
  3. #f9994e
  4. #faa564
  5. #fbb27a
  6. #fcbf91
  7. #fccca7
  8. #fdd9bd
  9. #fee5d3
  10. #fef2e9
  11. #ffffff

ٹونز

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

  1. #f87f22
  2. #ec7f2b
  3. #e07f35
  4. #d47f3e
  5. #c87f48
  6. #bc8051
  7. #b0805a
  8. #a48064
  9. #98806d
  10. #8c8077
  11. #808080

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

اکرومیٹوپسیا #a0a0a0 تقریباً 0.003% مرد
اکرومیٹومیلی #c99481 تقریباً 0.001% مرد
پروٹانوپیا #a28f0a تقریباً 1.01% مرد
ڈیوٹیرانوپیا #bfab1f تقریباً 1.27% مرد
ٹرائٹانوپیا #ff646e تقریباً 0.0001% مرد
پروٹانومیلی #ca8916 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #d89b20 تقریباً 4.63% مرد
ٹرائٹانومیلی #ff7059 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#ff7518 Pumpkin ΔE 3.07 #ed872d Cadmium Orange ΔE 3.44 #f28500 Tangerine ΔE 4.95 #ff8243 Mango Tango ΔE 5.48 #ff8c00 Dark Orange ΔE 5.75 #e48400 Fulvous ΔE 7.18 #ed9121 Carrot Orange ΔE 7.99 #0780dd الٹا رنگ #a0a0a0 گرے اسکیل 

Pumpkin
#f87f22  rgb(248, 127, 34)  hsl(26, 94%, 55%)  Pumpkin
#229bf8  rgb(34, 155, 248)  hsl(206, 94%, 55%)  Dodger Blue
#22f87f  rgb(34, 248, 127)  hsl(146, 94%, 55%)  Spring Green
#7f22f8  rgb(127, 34, 248)  hsl(266, 94%, 55%)  Electric Violet