ColorTool
تسجيل الدخول
#FF9F00

#ff9f00 Orange Peel

  • البرتقالي
  • السطوع: متوسط
  • التشبّع: زاهٍ
  • دافئ
تحقق من التباين استكشف في الشبكة لون عشوائي

⁦#ff9f00⁩ (Orange Peel) لون من عائلة «البرتقالي»، سطوعه متوسط وتشبّعه زاهٍ. في نموذج RGB يتكوّن من 100% أحمر و62.35% أخضر و0% أزرق؛ وعند طباعته بنظام CMYK يستخدم 0% سماوي و37.65% أرجواني و100% أصفر و0% أسود. زاوية صبغته 37.41°، وتشبّعه 100% وسطوعه 50% في نموذج HSL. إنه لون دافئ، يرتبط غالبًا بـالحماس والدفء والإبداع. يستخدمه المصممون عادةً في أزرار الدعوة إلى الإجراء وعلامات الطعام والمطاعم. يحقق النص الأسود على هذا اللون نسبة تباين 10.21:1 (WCAG AAA).

وصف مولَّد من الخصائص المقيسة لهذا اللون.

HEX
RGB
RGB بالنسبة المئوية
CMY
CMYK
HSL
HSV / HSB
آمن للويب#ff9900
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
ثنائي
عشري
الإضاءة النسبية0.4606

متكامل

  1. #ff9f00
  2. #0060ff

متكامل منقسم

  1. #ff9f00
  2. #00e0ff
  3. #1f00ff

متجاور

  1. #ff1f00
  2. #ff9f00
  3. #e0ff00

ثلاثي

  1. #ff9f00
  2. #00ff9f
  3. #9f00ff

رباعي

  1. #ff9f00
  2. #60ff00
  3. #0060ff
  4. #9f00ff

مربع

  1. #ff9f00
  2. #00ff1f
  3. #0060ff
  4. #ff00e0

أحادي اللون

  1. #664000
  2. #b36f00
  3. #ff9f00
  4. #ffbc4d
  5. #ffd999

الظلال

⁦#ff9f00⁩ ممزوجًا تدريجيًا بالأسود.

  1. #ff9f00
  2. #e68f00
  3. #cc7f00
  4. #b36f00
  5. #995f00
  6. #805000
  7. #664000
  8. #4d3000
  9. #332000
  10. #1a1000
  11. #000000

التفتيحات

⁦#ff9f00⁩ ممزوجًا تدريجيًا بالأبيض.

  1. #ff9f00
  2. #ffa91a
  3. #ffb233
  4. #ffbc4d
  5. #ffc566
  6. #ffcf80
  7. #ffd999
  8. #ffe2b3
  9. #ffeccc
  10. #fff5e6
  11. #ffffff

الدرجات

⁦#ff9f00⁩ ممزوجًا تدريجيًا بالرمادي.

  1. #ff9f00
  2. #f29c0d
  3. #e6991a
  4. #d99626
  5. #cc9333
  6. #c09040
  7. #b38c4d
  8. #a6895a
  9. #998666
  10. #8d8373
  11. #808080

نص مقروء 2.06:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 10.21:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #b5b5b5 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #d7ac8f ≈ 0.001% من الذكور
عمى الأحمر #bea700 ≈ 1.01% من الذكور
عمى الأخضر #d5be0a ≈ 1.27% من الذكور
عمى الأزرق #ff8888 ≈ 0.0001% من الذكور
ضعف الأحمر #dba400 ≈ 1.08% من الذكور
ضعف الأخضر #e7b206 ≈ 4.63% من الذكور
ضعف الأزرق #ff916b ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

خلفية بهذا اللون

حد بهذا اللون

لون النص
.text-ff9f00 {
  color: #ff9f00;
}
الخلفية
.bg-ff9f00 {
  background-color: #ff9f00;
  color: #000000;
}
الحد
.border-ff9f00 {
  border: 2px solid #ff9f00;
}
متغيرات CSS
:root {
  --color-primary: #ff9f00;
  --color-primary-rgb: 255 159 0;
  --color-primary-hsl: 37 100% 50%;
}
تدرج
.gradient-ff9f00 {
  background: linear-gradient(135deg, #ff9f00, #e0ff00);
}
ظل ملوّن
.shadow-ff9f00 {
  box-shadow: 0 8px 24px rgb(255 159 0 / 0.35);
}

#ffa500 Orange ΔE 2.13 #ffae42 Yellow Orange ΔE 4.45 #ffa343 Neon Carrot ΔE 4.90 #eaa221 Marigold ΔE 5.13 #ed9121 Carrot Orange ΔE 5.19 #e49b0f Gamboge ΔE 5.55 #0060ff معكوس #b5b5b5 تدرج رمادي 

Orange Peel
#ff9f00  rgb(255, 159, 0)  hsl(37, 100%, 50%)  Orange Peel
#0060ff  rgb(0, 96, 255)  hsl(217, 100%, 50%)  Ultramarine Blue
#00ff9f  rgb(0, 255, 159)  hsl(157, 100%, 50%)  Medium Spring Green
#9f00ff  rgb(159, 0, 255)  hsl(277, 100%, 50%)  Vivid Violet