ColorTool
لاگ اِن
#F04B16

#f04b16 ≈ Orange Red

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

⁦#f04b16⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 94.12% سرخ، 29.41% سبز اور 8.63% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 68.75% میجنٹا، 90.83% پیلا اور 5.88% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 14.59°، سیچوریشن 87.9% اور روشنی 51.37% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن اور کھانے کے برانڈز اور ریستوران کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 5.72:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Orange Red (⁦#ff4500⁩) ہے، ΔE 2.64۔

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

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

تکمیلی

  1. #f04b16
  2. #16bbf0

منقسم تکمیلی

  1. #f04b16
  2. #16f0b8
  3. #164ef0

مماثل

  1. #f0164e
  2. #f04b16
  3. #f0b816

سہ رنگی

  1. #f04b16
  2. #16f04b
  3. #4b16f0

چہار رنگی

  1. #f04b16
  2. #bbf016
  3. #16bbf0
  4. #4b16f0

مربع

  1. #f04b16
  2. #4ef016
  3. #16bbf0
  4. #b816f0

یک رنگی

  1. #661e07
  2. #ae330b
  3. #f04b16
  4. #f5835e
  5. #f9baa6

شیڈز

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

  1. #f04b16
  2. #d84414
  3. #c03c12
  4. #a8350f
  5. #902d0d
  6. #78260b
  7. #601e09
  8. #481707
  9. #300f04
  10. #180802
  11. #000000

ٹنٹس

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

  1. #f04b16
  2. #f25d2d
  3. #f36f45
  4. #f5815c
  5. #f69373
  6. #f8a58b
  7. #f9b7a2
  8. #fbc9b9
  9. #fcdbd0
  10. #feede8
  11. #ffffff

ٹونز

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

  1. #f04b16
  2. #e55021
  3. #da562b
  4. #ce5b36
  5. #c36040
  6. #b8664b
  7. #ad6b56
  8. #a27060
  9. #96756b
  10. #8b7b75
  11. #808080

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

اکرومیٹوپسیا #858585 تقریباً 0.003% مرد
اکرومیٹومیلی #ba726a تقریباً 0.001% مرد
پروٹانوپیا #7d6e06 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #a69302 تقریباً 1.27% مرد
ٹرائٹانوپیا #ff0042 تقریباً 0.0001% مرد
پروٹانومیلی #b7620e تقریباً 1.08% مرد
ڈیوٹیرانومیلی #c87c0b تقریباً 4.63% مرد
ٹرائٹانومیلی #ff2e36 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-f04b16 {
  color: #f04b16;
}
پس منظر
.bg-f04b16 {
  background-color: #f04b16;
  color: #000000;
}
بارڈر
.border-f04b16 {
  border: 2px solid #f04b16;
}
CSS ویری ایبلز
:root {
  --color-primary: #f04b16;
  --color-primary-rgb: 240 75 22;
  --color-primary-hsl: 15 88% 51%;
}
گریڈیئنٹ
.gradient-f04b16 {
  background: linear-gradient(135deg, #f04b16, #f0b816);
}
رنگین سایہ
.shadow-f04b16 {
  box-shadow: 0 8px 24px rgb(240 75 22 / 0.35);
}

#ff4500 Orange Red ΔE 2.64 #ff3800 Coquelicot ΔE 2.71 #f94d00 Tangelo ΔE 2.75 #e25822 Flame ΔE 2.94 #ff4f00 International Orange ΔE 3.73 #ff2800 Ferrari Red ΔE 3.93 #ff2400 Scarlet ΔE 4.24 #0fb4e9 الٹا رنگ #858585 گرے اسکیل 

Orange Red
#f04b16  rgb(240, 75, 22)  hsl(15, 88%, 51%)  Orange Red
#16bbf0  rgb(22, 187, 240)  hsl(195, 88%, 51%)  Deep Sky Blue
#16f04b  rgb(22, 240, 75)  hsl(135, 88%, 51%)  Lime
#4b16f0  rgb(75, 22, 240)  hsl(255, 88%, 51%)  Ultramarine