ColorTool
Giriş yap
#AB4BFB

#ab4bfb ≈ Electric Purple

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

#ab4bfb, “mor” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %67,06 kırmızı, %29,41 yeşil ve %98,43 maviden oluşur; CMYK baskıda %31,87 camgöbeği, %70,12 macenta, %0 sarı ve %1,57 siyah kullanır. Ton açısı 272,73°, HSL’de doygunluğu %95,65 ve açıklığı %63,92’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 5,13:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Electric Purple (#bf00ff), ΔE 5,65.

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

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

Tamamlayıcı

  1. #ab4bfb
  2. #9bfb4b

Bölünmüş tamamlayıcı

  1. #ab4bfb
  2. #f3fb4b
  3. #4bfb53

Komşu

  1. #534bfb
  2. #ab4bfb
  3. #fb4bf3

Üçlü

  1. #ab4bfb
  2. #fbab4b
  3. #4bfbab

Dörtlü

  1. #ab4bfb
  2. #fb4b9b
  3. #9bfb4b
  4. #4bfbab

Kare

  1. #ab4bfb
  2. #fb534b
  3. #9bfb4b
  4. #4bf3fb

Tek renkli

  1. #5e04a9
  2. #8805f4
  3. #ab4bfb
  4. #ce96fd
  5. #f1e1fe

Koyu tonlar

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

  1. #ab4bfb
  2. #9a44e2
  3. #893cc9
  4. #7835b0
  5. #672d97
  6. #56267e
  7. #441e64
  8. #33174b
  9. #220f32
  10. #110819
  11. #000000

Açık tonlar

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

  1. #ab4bfb
  2. #b35dfb
  3. #bc6ffc
  4. #c481fc
  5. #cd93fd
  6. #d5a5fd
  7. #ddb7fd
  8. #e6c9fe
  9. #eedbfe
  10. #f7edff
  11. #ffffff

Tonlar

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

  1. #ab4bfb
  2. #a750ef
  3. #a256e2
  4. #9e5bd6
  5. #9a60ca
  6. #9666be
  7. #916bb1
  8. #8d70a5
  9. #897599
  10. #847b8c
  11. #808080

Okunaklı metin 4.09:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.13:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7d7d7d Erkeklerin ≈ 0.003% kadarı
Akromatomali #926dbd Erkeklerin ≈ 0.001% kadarı
Protanopi #007bff Erkeklerin ≈ 1.01% kadarı
Döteranopi #007ef7 Erkeklerin ≈ 1.27% kadarı
Tritanopi #9c749e Erkeklerin ≈ 0.0001% kadarı
Protanomali #636bfe Erkeklerin ≈ 1.08% kadarı
Döteranomali #6e6df9 Erkeklerin ≈ 4.63% kadarı
Tritanomali #a266ca Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ab4bfb {
  color: #ab4bfb;
}
Arka plan
.bg-ab4bfb {
  background-color: #ab4bfb;
  color: #000000;
}
Kenarlık
.border-ab4bfb {
  border: 2px solid #ab4bfb;
}
CSS değişkenleri
:root {
  --color-primary: #ab4bfb;
  --color-primary-rgb: 171 75 251;
  --color-primary-hsl: 273 96% 64%;
}
Geçiş
.gradient-ab4bfb {
  background: linear-gradient(135deg, #ab4bfb, #fb4bf3);
}
Renkli gölge
.shadow-ab4bfb {
  box-shadow: 0 8px 24px rgb(171 75 251 / 0.35);
}

#bf00ff Electric Purple ΔE 5.65 #ba55d3 Medium Orchid ΔE 7.29 #9966cc Amethyst ΔE 8.35 #9f00ff Vivid Violet ΔE 8.38 #9370db Medium Purple ΔE 9.33 #9932cc Dark Orchid ΔE 9.72 #7b68ee Medium Slate Blue ΔE 9.82 #54b404 Ters renk #7d7d7d Gri tonlama 

Electric Purple
#ab4bfb  rgb(171, 75, 251)  hsl(273, 96%, 64%)  Electric Purple
#9bfb4b  rgb(155, 251, 75)  hsl(93, 96%, 64%)  Lawn Green
#fbab4b  rgb(251, 171, 75)  hsl(33, 96%, 64%)  Yellow Orange
#4bfbab  rgb(75, 251, 171)  hsl(153, 96%, 64%)  Medium Spring Green