ColorTool
لاگ اِن
#FFB0BB

#ffb0bb ≈ Light Pink

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

⁦#ffb0bb⁩ “گلابی” خاندان کا رنگ ہے؛ اس کی روشنی بہت زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 100% سرخ، 69.02% سبز اور 73.33% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 30.98% میجنٹا، 26.67% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 351.65°، سیچوریشن 100% اور روشنی 84.51% ہے۔ یہ ایک گرم رنگ ہے جو اکثر نرمی، خیال اور مٹھاس سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً خوبصورتی اور کاسمیٹکس، شادیوں اور تقریبات اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 12.18:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Light Pink (⁦#ffb6c1⁩) ہے، ΔE 1.55۔

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

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

تکمیلی

  1. #ffb0bb
  2. #b0fff4

منقسم تکمیلی

  1. #ffb0bb
  2. #b0ffcd
  3. #b0e2ff

مماثل

  1. #ffb0e2
  2. #ffb0bb
  3. #ffcdb0

سہ رنگی

  1. #ffb0bb
  2. #bbffb0
  3. #b0bbff

چہار رنگی

  1. #ffb0bb
  2. #fff4b0
  3. #b0fff4
  4. #b0bbff

مربع

  1. #ffb0bb
  2. #e2ffb0
  3. #b0fff4
  4. #cdb0ff

یک رنگی

  1. #ff1737
  2. #ff6479
  3. #ffb0bb
  4. #ffebed
  5. #ffebed

شیڈز

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

  1. #ffb0bb
  2. #e69ea8
  3. #cc8d96
  4. #b37b83
  5. #996a70
  6. #80585e
  7. #66464b
  8. #4d3538
  9. #332325
  10. #1a1213
  11. #000000

ٹنٹس

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

  1. #ffb0bb
  2. #ffb8c2
  3. #ffc0c9
  4. #ffc8cf
  5. #ffd0d6
  6. #ffd8dd
  7. #ffdfe4
  8. #ffe7eb
  9. #ffeff1
  10. #fff7f8
  11. #ffffff

ٹونز

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

  1. #ffb0bb
  2. #f2abb5
  3. #e6a6af
  4. #d9a2a9
  5. #cc9da3
  6. #c0989e
  7. #b39398
  8. #a68e92
  9. #998a8c
  10. #8d8586
  11. #808080

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

اکرومیٹوپسیا #c5c5c5 تقریباً 0.003% مرد
اکرومیٹومیلی #dfbdc1 تقریباً 0.001% مرد
پروٹانوپیا #bdbcbb تقریباً 1.01% مرد
ڈیوٹیرانوپیا #d0cbba تقریباً 1.27% مرد
ٹرائٹانوپیا #ffa9b4 تقریباً 0.0001% مرد
پروٹانومیلی #dab8bb تقریباً 1.08% مرد
ڈیوٹیرانومیلی #e4c1ba تقریباً 4.63% مرد
ٹرائٹانومیلی #ffacb7 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#ffb6c1 Light Pink ΔE 1.55 #ffb7c5 Cherry Blossom Pink ΔE 2.30 #ffc0cb Pink ΔE 4.22 #ffc1cc Bubble Gum ΔE 4.49 #f6adc6 Nadeshiko Pink ΔE 5.10 #ffa6c9 Carnation Pink ΔE 6.97 #f4c2c2 Baby Pink ΔE 6.99 #004f44 الٹا رنگ #c5c5c5 گرے اسکیل 

Light Pink
#ffb0bb  rgb(255, 176, 187)  hsl(352, 100%, 85%)  Light Pink
#b0fff4  rgb(176, 255, 244)  hsl(172, 100%, 85%)  Celeste
#bbffb0  rgb(187, 255, 176)  hsl(112, 100%, 85%)  Pale Green
#b0bbff  rgb(176, 187, 255)  hsl(232, 100%, 85%)  Periwinkle