ColorTool
Giriş yap
#A20BD2

#a20bd2 ≈ Dark Violet

  • macenta
  • Açıklık: orta
  • Doygunluk: canlı
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#a20bd2, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %63,53 kırmızı, %4,31 yeşil ve %82,35 maviden oluşur; CMYK baskıda %22,86 camgöbeği, %94,76 macenta, %0 sarı ve %17,65 siyah kullanır. Ton açısı 285,53°, HSL’de doygunluğu %90,05 ve açıklığı %43,33’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla yaratıcılık, cesaret ve bireysellik 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 beyaz metin 5,97:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Dark Violet (#9400d3), ΔE 2,82.

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

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

Tamamlayıcı

  1. #a20bd2
  2. #3bd20b

Bölünmüş tamamlayıcı

  1. #a20bd2
  2. #9ed20b
  3. #0bd23f

Komşu

  1. #3f0bd2
  2. #a20bd2
  3. #d20b9e

Üçlü

  1. #a20bd2
  2. #d2a20b
  3. #0bd2a2

Dörtlü

  1. #a20bd2
  2. #d20b3b
  3. #3bd20b
  4. #0bd2a2

Kare

  1. #a20bd2
  2. #d23f0b
  3. #3bd20b
  4. #0b9ed2

Tek renkli

  1. #320341
  2. #6a0789
  3. #a20bd2
  4. #c635f4
  5. #db7ef8

Koyu tonlar

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

  1. #a20bd2
  2. #920abd
  3. #8209a8
  4. #710893
  5. #61077e
  6. #510669
  7. #410454
  8. #31033f
  9. #20022a
  10. #100115
  11. #000000

Açık tonlar

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

  1. #a20bd2
  2. #ab23d7
  3. #b53cdb
  4. #be54e0
  5. #c76de4
  6. #d185e9
  7. #da9ded
  8. #e3b6f2
  9. #eccef6
  10. #f6e7fb
  11. #ffffff

Tonlar

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

  1. #a20bd2
  2. #9f17ca
  3. #9b22c2
  4. #982eb9
  5. #943ab1
  6. #9146a9
  7. #8e51a1
  8. #8a5d99
  9. #876990
  10. #837488
  11. #808080

Okunaklı metin 5.97:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.51:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #636363 Erkeklerin ≈ 0.003% kadarı
Akromatomali #814e9c Erkeklerin ≈ 0.001% kadarı
Protanopi #005cd7 Erkeklerin ≈ 1.01% kadarı
Döteranopi #0066ce Erkeklerin ≈ 1.27% kadarı
Tritanopi #9d4b7c Erkeklerin ≈ 0.0001% kadarı
Protanomali #5949d5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #6851d0 Erkeklerin ≈ 4.63% kadarı
Tritanomali #9f3ba5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-a20bd2 {
  color: #a20bd2;
}
Arka plan
.bg-a20bd2 {
  background-color: #a20bd2;
  color: #ffffff;
}
Kenarlık
.border-a20bd2 {
  border: 2px solid #a20bd2;
}
CSS değişkenleri
:root {
  --color-primary: #a20bd2;
  --color-primary-rgb: 162 11 210;
  --color-primary-hsl: 286 90% 43%;
}
Geçiş
.gradient-a20bd2 {
  background: linear-gradient(135deg, #a20bd2, #d20b9e);
}
Renkli gölge
.shadow-a20bd2 {
  box-shadow: 0 8px 24px rgb(162 11 210 / 0.35);
}

#9400d3 Dark Violet ΔE 2.82 #9932cc Dark Orchid ΔE 2.97 #8a2be2 Blue Violet ΔE 4.89 #9f00ff Vivid Violet ΔE 5.80 #8f00ff Electric Violet ΔE 6.43 #bf00ff Electric Purple ΔE 8.05 #6f00ff Electric Indigo ΔE 9.29 #5df42d Ters renk #636363 Gri tonlama 

Dark Violet
#a20bd2  rgb(162, 11, 210)  hsl(286, 90%, 43%)  Dark Violet
#3bd20b  rgb(59, 210, 11)  hsl(106, 90%, 43%)  Lime Green
#d2a20b  rgb(210, 162, 11)  hsl(46, 90%, 43%)  Goldenrod
#0bd2a2  rgb(11, 210, 162)  hsl(166, 90%, 43%)  Caribbean Green