ColorTool
Giriş yap
#BB12AA

#bb12aa ≈ Medium Violet Red

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

#bb12aa, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %73,33 kırmızı, %7,06 yeşil ve %66,67 maviden oluşur; CMYK baskıda %0 camgöbeği, %90,37 macenta, %9,09 sarı ve %26,67 siyah kullanır. Ton açısı 306,04°, HSL’de doygunluğu %82,44 ve açıklığı %40,2’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,56:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Medium Violet Red (#c71585), ΔE 8,33.

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

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

Tamamlayıcı

  1. #bb12aa
  2. #12bb23

Bölünmüş tamamlayıcı

  1. #bb12aa
  2. #55bb12
  3. #12bb78

Komşu

  1. #7812bb
  2. #bb12aa
  3. #bb1255

Üçlü

  1. #bb12aa
  2. #aabb12
  3. #12aabb

Dörtlü

  1. #bb12aa
  2. #bb2312
  3. #12bb23
  4. #12aabb

Kare

  1. #bb12aa
  2. #bb7812
  3. #12bb23
  4. #1255bb

Tek renkli

  1. #2f052b
  2. #750b6b
  3. #bb12aa
  4. #eb2fd8
  5. #f274e5

Koyu tonlar

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

  1. #bb12aa
  2. #a81099
  3. #960e88
  4. #830d77
  5. #700b66
  6. #5e0955
  7. #4b0744
  8. #380533
  9. #250422
  10. #130211
  11. #000000

Açık tonlar

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

  1. #bb12aa
  2. #c22ab3
  3. #c941bb
  4. #cf59c4
  5. #d671cc
  6. #dd89d5
  7. #e4a0dd
  8. #ebb8e6
  9. #f1d0ee
  10. #f8e7f7
  11. #ffffff

Tonlar

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

  1. #bb12aa
  2. #b51da6
  3. #af28a2
  4. #a9339d
  5. #a33e99
  6. #9e4995
  7. #985491
  8. #925f8d
  9. #8c6a88
  10. #867584
  11. #808080

Okunaklı metin 5.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.78:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #686868 Erkeklerin ≈ 0.003% kadarı
Akromatomali #915387 Erkeklerin ≈ 0.001% kadarı
Protanopi #005aae Erkeklerin ≈ 1.01% kadarı
Döteranopi #5770a6 Erkeklerin ≈ 1.27% kadarı
Tritanopi #c42d64 Erkeklerin ≈ 0.0001% kadarı
Protanomali #7b47ac Erkeklerin ≈ 1.08% kadarı
Döteranomali #8b59a8 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c02486 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-bb12aa {
  color: #bb12aa;
}
Arka plan
.bg-bb12aa {
  background-color: #bb12aa;
  color: #ffffff;
}
Kenarlık
.border-bb12aa {
  border: 2px solid #bb12aa;
}
CSS değişkenleri
:root {
  --color-primary: #bb12aa;
  --color-primary-rgb: 187 18 170;
  --color-primary-hsl: 306 82% 40%;
}
Geçiş
.gradient-bb12aa {
  background: linear-gradient(135deg, #bb12aa, #bb1255);
}
Renkli gölge
.shadow-bb12aa {
  box-shadow: 0 8px 24px rgb(187 18 170 / 0.35);
}

#c71585 Medium Violet Red ΔE 8.33 #9a4eae Purpureus ΔE 8.38 #9932cc Dark Orchid ΔE 9.16 #8e4585 Deep Plum ΔE 10.08 #8b008b Dark Magenta ΔE 10.33 #9400d3 Dark Violet ΔE 10.96 #880085 Mardi Gras ΔE 11.09 #44ed55 Ters renk #686868 Gri tonlama 

Medium Violet Red
#bb12aa  rgb(187, 18, 170)  hsl(306, 82%, 40%)  Medium Violet Red
#12bb23  rgb(18, 187, 35)  hsl(126, 82%, 40%)  Kelly Green
#aabb12  rgb(170, 187, 18)  hsl(66, 82%, 40%)  Apple Green
#12aabb  rgb(18, 170, 187)  hsl(186, 82%, 40%)  Cadet Blue