ColorTool
لاگ اِن
#F02453

#f02453 ≈ Amaranth

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

⁦#f02453⁩ “سرخ” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 94.12% سرخ، 14.12% سبز اور 32.55% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 85% میجنٹا، 65.42% پیلا اور 5.88% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 346.18°، سیچوریشن 87.18% اور روشنی 54.12% ہے۔ یہ ایک گرم رنگ ہے جو اکثر توانائی، جذبے اور فوری پن سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً کھانے کے برانڈز اور ریستوران، سیل اور پروموشنز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 5.08:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Amaranth (⁦#e52b50⁩) ہے، ΔE 1.97۔

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

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

تکمیلی

  1. #f02453
  2. #24f0c1

منقسم تکمیلی

  1. #f02453
  2. #24f05b
  3. #24b9f0

مماثل

  1. #f024b9
  2. #f02453
  3. #f05b24

سہ رنگی

  1. #f02453
  2. #53f024
  3. #2453f0

چہار رنگی

  1. #f02453
  2. #f0c124
  3. #24f0c1
  4. #2453f0

مربع

  1. #f02453
  2. #b9f024
  3. #24f0c1
  4. #5b24f0

یک رنگی

  1. #730821
  2. #bb0d35
  3. #f02453
  4. #f56c8b
  5. #fab3c3

شیڈز

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

  1. #f02453
  2. #d8204b
  3. #c01d42
  4. #a8193a
  5. #901632
  6. #78122a
  7. #600e21
  8. #480b19
  9. #300711
  10. #180408
  11. #000000

ٹنٹس

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

  1. #f02453
  2. #f23a64
  3. #f35075
  4. #f56687
  5. #f67c98
  6. #f892a9
  7. #f9a7ba
  8. #fbbdcb
  9. #fcd3dd
  10. #fee9ee
  11. #ffffff

ٹونز

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

  1. #f02453
  2. #e52d58
  3. #da365c
  4. #ce4061
  5. #c34965
  6. #b8526a
  7. #ad5b6e
  8. #a26473
  9. #966e77
  10. #8b777c
  11. #808080

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

اکرومیٹوپسیا #7d7d7d تقریباً 0.003% مرد
اکرومیٹومیلی #b7656e تقریباً 0.001% مرد
پروٹانوپیا #666253 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #988b4d تقریباً 1.27% مرد
ٹرائٹانوپیا #ff003a تقریباً 0.0001% مرد
پروٹانومیلی #af5053 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #c2704f تقریباً 4.63% مرد
ٹرائٹانومیلی #fe0045 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#e52b50 Amaranth ΔE 1.97 #ff004f Folly ΔE 2.54 #fe4164 Neon Fuchsia ΔE 5.31 #de3163 Cerise ΔE 5.85 #e30b5c Raspberry ΔE 6.01 #cb4154 Brick Red ΔE 6.24 #dc143c Crimson ΔE 6.32 #0fdbac الٹا رنگ #7d7d7d گرے اسکیل 

Amaranth
#f02453  rgb(240, 36, 83)  hsl(346, 87%, 54%)  Amaranth
#24f0c1  rgb(36, 240, 193)  hsl(166, 87%, 54%)  Aquamarine
#53f024  rgb(83, 240, 36)  hsl(106, 87%, 54%)  Neon Green
#2453f0  rgb(36, 83, 240)  hsl(226, 87%, 54%)  Majorelle Blue