ColorTool
Giriş yap
#AB63EA

#ab63ea ≈ Amethyst

  • mor
  • Açıklık: yüksek
  • Doygunluk: güçlü
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#ab63ea, “mor” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %67,06 kırmızı, %38,82 yeşil ve %91,76 maviden oluşur; CMYK baskıda %26,92 camgöbeği, %57,69 macenta, %0 sarı ve %8,24 siyah kullanır. Ton açısı 272°, HSL’de doygunluğu %76,27 ve açıklığı %65,29’dir. Soğuk bir renktir ve çoğunlukla hayal gücü, maneviyat ve lüks ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 5,7:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Amethyst (#9966cc), ΔE 5,19.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#9966ff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.2352

Tamamlayıcı

  1. #ab63ea
  2. #a2ea63

Bölünmüş tamamlayıcı

  1. #ab63ea
  2. #e5ea63
  3. #63ea67

Komşu

  1. #6763ea
  2. #ab63ea
  3. #ea63e5

Üçlü

  1. #ab63ea
  2. #eaab63
  3. #63eaab

Dörtlü

  1. #ab63ea
  2. #ea63a2
  3. #a2ea63
  4. #63eaab

Kare

  1. #ab63ea
  2. #ea6763
  3. #a2ea63
  4. #63e5ea

Tek renkli

  1. #5f159f
  2. #8720e1
  3. #ab63ea
  4. #cfa6f3
  5. #f4eafc

Koyu tonlar

#ab63ea kademeli olarak siyahla karıştırıldı.

  1. #ab63ea
  2. #9a59d3
  3. #894fbb
  4. #7845a4
  5. #673b8c
  6. #563275
  7. #44285e
  8. #331e46
  9. #22142f
  10. #110a17
  11. #000000

Açık tonlar

#ab63ea kademeli olarak beyazla karıştırıldı.

  1. #ab63ea
  2. #b373ec
  3. #bc82ee
  4. #c492f0
  5. #cda1f2
  6. #d5b1f5
  7. #ddc1f7
  8. #e6d0f9
  9. #eee0fb
  10. #f7effd
  11. #ffffff

Tonlar

#ab63ea kademeli olarak griyle karıştırıldı.

  1. #ab63ea
  2. #a766df
  3. #a269d5
  4. #9e6cca
  5. #9a6fc0
  6. #9672b5
  7. #9174aa
  8. #8d77a0
  9. #897a95
  10. #847d8b
  11. #808080

Okunaklı metin 3.68:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.7:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #858585 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9679b6 Erkeklerin ≈ 0.001% kadarı
Protanopi #2c83ee Erkeklerin ≈ 1.01% kadarı
Döteranopi #4a86e7 Erkeklerin ≈ 1.27% kadarı
Tritanopi #a17d9d Erkeklerin ≈ 0.0001% kadarı
Protanomali #7577ed Erkeklerin ≈ 1.08% kadarı
Döteranomali #7d79e8 Erkeklerin ≈ 4.63% kadarı
Tritanomali #a574c1 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ab63ea {
  color: #ab63ea;
}
Arka plan
.bg-ab63ea {
  background-color: #ab63ea;
  color: #000000;
}
Kenarlık
.border-ab63ea {
  border: 2px solid #ab63ea;
}
CSS değişkenleri
:root {
  --color-primary: #ab63ea;
  --color-primary-rgb: 171 99 234;
  --color-primary-hsl: 272 76% 65%;
}
Geçiş
.gradient-ab63ea {
  background: linear-gradient(135deg, #ab63ea, #ea63e5);
}
Renkli gölge
.shadow-ab63ea {
  box-shadow: 0 8px 24px rgb(171 99 234 / 0.35);
}

#9966cc Amethyst ΔE 5.19 #9370db Medium Purple ΔE 5.69 #ba55d3 Medium Orchid ΔE 5.79 #b57edc Floral Lavender ΔE 7.89 #7b68ee Medium Slate Blue ΔE 9.09 #bf00ff Electric Purple ΔE 10.02 #df73ff Heliotrope ΔE 10.18 #549c15 Ters renk #858585 Gri tonlama 

Amethyst
#ab63ea  rgb(171, 99, 234)  hsl(272, 76%, 65%)  Amethyst
#a2ea63  rgb(162, 234, 99)  hsl(92, 76%, 65%)  Inchworm
#eaab63  rgb(234, 171, 99)  hsl(32, 76%, 65%)  Indian Yellow
#63eaab  rgb(99, 234, 171)  hsl(152, 76%, 65%)  Medium Spring Green