ColorTool
لاگ اِن
#FF683F

#ff683f ≈ Tomato

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

⁦#ff683f⁩ “نارنجی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 100% سرخ، 40.78% سبز اور 24.71% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 59.22% میجنٹا، 75.29% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 12.81°، سیچوریشن 100% اور روشنی 62.35% ہے۔ یہ ایک گرم رنگ ہے جو اکثر جوش، گرمجوشی اور تخلیقی صلاحیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کال ٹو ایکشن بٹن اور کھانے کے برانڈز اور ریستوران کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 7.3:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Tomato (⁦#ff6347⁩) ہے، ΔE 3.05۔

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

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

تکمیلی

  1. #ff683f
  2. #3fd6ff

منقسم تکمیلی

  1. #ff683f
  2. #3fffc8
  3. #3f76ff

مماثل

  1. #ff3f76
  2. #ff683f
  3. #ffc83f

سہ رنگی

  1. #ff683f
  2. #3fff68
  3. #683fff

چہار رنگی

  1. #ff683f
  2. #d6ff3f
  3. #3fd6ff
  4. #683fff

مربع

  1. #ff683f
  2. #76ff3f
  3. #3fd6ff
  4. #c83fff

یک رنگی

  1. #a52300
  2. #f13400
  3. #ff683f
  4. #ffa48b
  5. #ffe0d8

شیڈز

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

  1. #ff683f
  2. #e65e39
  3. #cc5332
  4. #b3492c
  5. #993e26
  6. #803420
  7. #662a19
  8. #4d1f13
  9. #33150d
  10. #1a0a06
  11. #000000

ٹنٹس

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

  1. #ff683f
  2. #ff7752
  3. #ff8665
  4. #ff9579
  5. #ffa48c
  6. #ffb49f
  7. #ffc3b2
  8. #ffd2c5
  9. #ffe1d9
  10. #fff0ec
  11. #ffffff

ٹونز

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

  1. #ff683f
  2. #f26a46
  3. #e66d4c
  4. #d96f53
  5. #cc7259
  6. #c07460
  7. #b37666
  8. #a6796d
  9. #997b73
  10. #8d7e7a
  11. #808080

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

اکرومیٹوپسیا #989898 تقریباً 0.003% مرد
اکرومیٹومیلی #ca887e تقریباً 0.001% مرد
پروٹانوپیا #92833a تقریباً 1.01% مرد
ڈیوٹیرانوپیا #b7a53a تقریباً 1.27% مرد
ٹرائٹانوپیا #ff445f تقریباً 0.0001% مرد
پروٹانومیلی #c7793c تقریباً 1.08% مرد
ڈیوٹیرانومیلی #d8903c تقریباً 4.63% مرد
ٹرائٹانومیلی #ff5554 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#ff6347 Tomato ΔE 3.05 #e97451 Burnt Sienna ΔE 4.33 #ff7f50 Coral ΔE 4.95 #ff4f00 International Orange ΔE 6.39 #fe6f5e Bittersweet ΔE 6.49 #ff4500 Orange Red ΔE 6.75 #e2725b Terra Cotta ΔE 6.78 #0097c0 الٹا رنگ #989898 گرے اسکیل 

Tomato
#ff683f  rgb(255, 104, 63)  hsl(13, 100%, 62%)  Tomato
#3fd6ff  rgb(63, 214, 255)  hsl(193, 100%, 62%)  Sky Blue
#3fff68  rgb(63, 255, 104)  hsl(133, 100%, 62%)  Spring Green
#683fff  rgb(104, 63, 255)  hsl(253, 100%, 62%)  Majorelle Blue