ColorTool
لاگ اِن
#FF4E22

#ff4e22 ≈ Orange Red

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

⁦#ff4e22⁩ “سرخ” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 100% سرخ، 30.59% سبز اور 13.33% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 69.41% میجنٹا، 86.67% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 11.95°، سیچوریشن 100% اور روشنی 56.67% ہے۔ یہ ایک گرم رنگ ہے جو اکثر توانائی، جذبے اور فوری پن سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کھانے کے برانڈز اور ریستوران، سیل اور پروموشنز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 6.36:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Orange Red (⁦#ff4500⁩) ہے، ΔE 2.82۔

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

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

تکمیلی

  1. #ff4e22
  2. #22d3ff

منقسم تکمیلی

  1. #ff4e22
  2. #22ffbd
  3. #2264ff

مماثل

  1. #ff2264
  2. #ff4e22
  3. #ffbd22

سہ رنگی

  1. #ff4e22
  2. #22ff4e
  3. #4e22ff

چہار رنگی

  1. #ff4e22
  2. #d3ff22
  3. #22d3ff
  4. #4e22ff

مربع

  1. #ff4e22
  2. #64ff22
  3. #22d3ff
  4. #bd22ff

یک رنگی

  1. #881b00
  2. #d52a00
  3. #ff4e22
  4. #ff8b6f
  5. #ffc9bb

شیڈز

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

  1. #ff4e22
  2. #e6461f
  3. #cc3e1b
  4. #b33718
  5. #992f14
  6. #802711
  7. #661f0e
  8. #4d170a
  9. #331007
  10. #1a0803
  11. #000000

ٹنٹس

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

  1. #ff4e22
  2. #ff6038
  3. #ff714e
  4. #ff8364
  5. #ff957a
  6. #ffa791
  7. #ffb8a7
  8. #ffcabd
  9. #ffdcd3
  10. #ffede9
  11. #ffffff

ٹونز

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

  1. #ff4e22
  2. #f2532b
  3. #e65835
  4. #d95d3e
  5. #cc6248
  6. #c06751
  7. #b36c5a
  8. #a67164
  9. #99766d
  10. #8d7b77
  11. #808080

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

اکرومیٹوپسیا #8d8d8d تقریباً 0.003% مرد
اکرومیٹومیلی #c57972 تقریباً 0.001% مرد
پروٹانوپیا #847418 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #af9c14 تقریباً 1.27% مرد
ٹرائٹانوپیا #ff0047 تقریباً 0.0001% مرد
پروٹانومیلی #c2671d تقریباً 1.08% مرد
ڈیوٹیرانومیلی #d4841a تقریباً 4.63% مرد
ٹرائٹانومیلی #ff2e3b تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#ff4500 Orange Red ΔE 2.82 #ff3800 Coquelicot ΔE 3.14 #ff4f00 International Orange ΔE 3.73 #f94d00 Tangelo ΔE 3.83 #ff2800 Ferrari Red ΔE 4.44 #ff2400 Scarlet ΔE 4.75 #ff6347 Tomato ΔE 5.38 #00b1dd الٹا رنگ #8d8d8d گرے اسکیل 

Orange Red
#ff4e22  rgb(255, 78, 34)  hsl(12, 100%, 57%)  Orange Red
#22d3ff  rgb(34, 211, 255)  hsl(192, 100%, 57%)  Sky Blue
#22ff4e  rgb(34, 255, 78)  hsl(132, 100%, 57%)  Lime
#4e22ff  rgb(78, 34, 255)  hsl(252, 100%, 57%)  Han Purple