ColorTool
لاگ اِن
#FF662E

#ff662e ≈ International Orange

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

⁦#ff662e⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 100% سرخ، 40% سبز اور 18.04% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 60% میجنٹا، 81.96% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 16.08°، سیچوریشن 100% اور روشنی 59.02% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن اور کھانے کے برانڈز اور ریستوران کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 7.19:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ International Orange (⁦#ff4f00⁩) ہے، ΔE 4.26۔

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

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

تکمیلی

  1. #ff662e
  2. #2ec7ff

منقسم تکمیلی

  1. #ff662e
  2. #2effcf
  3. #2e5eff

مماثل

  1. #ff2e5e
  2. #ff662e
  3. #ffcf2e

سہ رنگی

  1. #ff662e
  2. #2eff66
  3. #662eff

چہار رنگی

  1. #ff662e
  2. #c7ff2e
  3. #2ec7ff
  4. #662eff

مربع

  1. #ff662e
  2. #5eff2e
  3. #2ec7ff
  4. #cf2eff

یک رنگی

  1. #942800
  2. #e13c00
  3. #ff662e
  4. #ff9e7b
  5. #ffd6c7

شیڈز

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

  1. #ff662e
  2. #e65c29
  3. #cc5225
  4. #b34720
  5. #993d1c
  6. #803317
  7. #662912
  8. #4d1f0e
  9. #331409
  10. #1a0a05
  11. #000000

ٹنٹس

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

  1. #ff662e
  2. #ff7543
  3. #ff8558
  4. #ff946d
  5. #ffa382
  6. #ffb397
  7. #ffc2ab
  8. #ffd1c0
  9. #ffe0d5
  10. #fff0ea
  11. #ffffff

ٹونز

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

  1. #ff662e
  2. #f26936
  3. #e66b3e
  4. #d96e47
  5. #cc704f
  6. #c07357
  7. #b3765f
  8. #a67867
  9. #997b70
  10. #8d7d78
  11. #808080

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

اکرومیٹوپسیا #979797 تقریباً 0.003% مرد
اکرومیٹومیلی #c9867b تقریباً 0.001% مرد
پروٹانوپیا #928225 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #b7a427 تقریباً 1.27% مرد
ٹرائٹانوپیا #ff3f5b تقریباً 0.0001% مرد
پروٹانومیلی #c77829 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #d88f2a تقریباً 4.63% مرد
ٹرائٹانومیلی #ff514d تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-ff662e {
  color: #ff662e;
}
پس منظر
.bg-ff662e {
  background-color: #ff662e;
  color: #000000;
}
بارڈر
.border-ff662e {
  border: 2px solid #ff662e;
}
CSS ویری ایبلز
:root {
  --color-primary: #ff662e;
  --color-primary-rgb: 255 102 46;
  --color-primary-hsl: 16 100% 59%;
}
گریڈیئنٹ
.gradient-ff662e {
  background: linear-gradient(135deg, #ff662e, #ffcf2e);
}
رنگین سایہ
.shadow-ff662e {
  box-shadow: 0 8px 24px rgb(255 102 46 / 0.35);
}

#ff4f00 International Orange ΔE 4.26 #f94d00 Tangelo ΔE 5.05 #ff7f50 Coral ΔE 5.32 #ff4500 Orange Red ΔE 5.40 #e97451 Burnt Sienna ΔE 5.92 #ff6347 Tomato ΔE 6.02 #ec5800 Persimmon ΔE 6.10 #0099d1 الٹا رنگ #979797 گرے اسکیل 

International Orange
#ff662e  rgb(255, 102, 46)  hsl(16, 100%, 59%)  International Orange
#2ec7ff  rgb(46, 199, 255)  hsl(196, 100%, 59%)  Deep Sky Blue
#2eff66  rgb(46, 255, 102)  hsl(136, 100%, 59%)  Spring Green
#662eff  rgb(102, 46, 255)  hsl(256, 100%, 59%)  Electric Indigo