ColorTool
تسجيل الدخول
#30DDCF

#30ddcf ≈ Turquoise

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

⁦#30ddcf⁩ لون من عائلة «السماوي»، سطوعه متوسط وتشبّعه قوي. في نموذج RGB يتكوّن من 18.82% أحمر و86.67% أخضر و81.18% أزرق؛ وعند طباعته بنظام CMYK يستخدم 78.28% سماوي و0% أرجواني و6.33% أصفر و13.33% أسود. زاوية صبغته 175.14°، وتشبّعه 71.78% وسطوعه 52.75% في نموذج HSL. إنه لون بارد، يرتبط غالبًا بـالانتعاش والتقنية والوضوح. يستخدمه المصممون عادةً في الصحة والعافية، المنتجات التقنية ولمسات العلامة التجارية. يحقق النص الأسود على هذا اللون نسبة تباين 12.37:1 (WCAG AAA). أقرب لون مسمّى هو Turquoise (⁦#40e0d0⁩)، وفرقه ΔE ‏1.1.

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

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

متكامل

  1. #30ddcf
  2. #dd303e

متكامل منقسم

  1. #30ddcf
  2. #dd3095
  3. #dd7930

متجاور

  1. #30dd79
  2. #30ddcf
  3. #3095dd

ثلاثي

  1. #30ddcf
  2. #cf30dd
  3. #ddcf30

رباعي

  1. #30ddcf
  2. #303edd
  3. #dd303e
  4. #ddcf30

مربع

  1. #30ddcf
  2. #7930dd
  3. #dd303e
  4. #95dd30

أحادي اللون

  1. #10645d
  2. #1ba59a
  3. #30ddcf
  4. #72e8de
  5. #b3f3ed

الظلال

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

  1. #30ddcf
  2. #2bc7ba
  3. #26b1a6
  4. #229b91
  5. #1d857c
  6. #186f68
  7. #135853
  8. #0e423e
  9. #0a2c29
  10. #051615
  11. #000000

التفتيحات

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

  1. #30ddcf
  2. #45e0d4
  3. #59e4d9
  4. #6ee7dd
  5. #83ebe2
  6. #98eee7
  7. #acf1ec
  8. #c1f5f1
  9. #d6f8f5
  10. #eafcfa
  11. #ffffff

الدرجات

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

  1. #30ddcf
  2. #38d4c7
  3. #40cabf
  4. #48c1b7
  5. #50b8af
  6. #58afa8
  7. #60a5a0
  8. #689c98
  9. #709390
  10. #788988
  11. #808080

نص مقروء 1.7:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
نص مقروء 12.37:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

عمى الألوان الكلي #c7c7c7 ≈ 0.003% من الذكور
ضعف رؤية الألوان الكلي #a0d0ca ≈ 0.001% من الذكور
عمى الأحمر #d1d0cf ≈ 1.01% من الذكور
عمى الأخضر #bac0d1 ≈ 1.27% من الذكور
عمى الأزرق #00e2d8 ≈ 0.0001% من الذكور
ضعف الأحمر #a9d6cf ≈ 1.08% من الذكور
ضعف الأخضر #96ccd0 ≈ 4.63% من الذكور
ضعف الأزرق #00e0d5 ≈ 0.0002% من الذكور
حاكِ على صورتك الخاصة

نص بهذا اللون

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

حد بهذا اللون

لون النص
.text-30ddcf {
  color: #30ddcf;
}
الخلفية
.bg-30ddcf {
  background-color: #30ddcf;
  color: #000000;
}
الحد
.border-30ddcf {
  border: 2px solid #30ddcf;
}
متغيرات CSS
:root {
  --color-primary: #30ddcf;
  --color-primary-rgb: 48 221 207;
  --color-primary-hsl: 175 72% 53%;
}
تدرج
.gradient-30ddcf {
  background: linear-gradient(135deg, #30ddcf, #3095dd);
}
ظل ملوّن
.shadow-30ddcf {
  box-shadow: 0 8px 24px rgb(48 221 207 / 0.35);
}

#40e0d0 Turquoise ΔE 1.10 #08e8de Bright Turquoise ΔE 2.94 #48d1cc Medium Turquoise ΔE 4.24 #00cccc Robin Egg Blue ΔE 6.09 #00ced1 Dark Turquoise ΔE 6.61 #00ffef Turquoise Blue ΔE 7.35 #00ffff Aqua ΔE 8.79 #cf2230 معكوس #c7c7c7 تدرج رمادي 

Turquoise
#30ddcf  rgb(48, 221, 207)  hsl(175, 72%, 53%)  Turquoise
#dd303e  rgb(221, 48, 62)  hsl(355, 72%, 53%)  Crimson
#cf30dd  rgb(207, 48, 221)  hsl(295, 72%, 53%)  Medium Orchid
#ddcf30  rgb(221, 207, 48)  hsl(55, 72%, 53%)  Citrine