ColorTool
Giriş yap
#A336F4

#a336f4 ≈ Vivid Violet

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

#a336f4, “mor” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %63,92 kırmızı, %21,18 yeşil ve %95,69 maviden oluşur; CMYK baskıda %33,2 camgöbeği, %77,87 macenta, %0 sarı ve %4,31 siyah kullanır. Ton açısı 274,42°, HSL’de doygunluğu %89,62 ve açıklığı %58,43’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 beyaz metin 4,78:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Vivid Violet (#9f00ff), ΔE 4,07.

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.1696

Tamamlayıcı

  1. #a336f4
  2. #87f436

Bölünmüş tamamlayıcı

  1. #a336f4
  2. #e6f436
  3. #36f444

Komşu

  1. #4436f4
  2. #a336f4
  3. #f436e6

Üçlü

  1. #a336f4
  2. #f4a336
  3. #36f4a3

Dörtlü

  1. #a336f4
  2. #f43687
  3. #87f436
  4. #36f4a3

Kare

  1. #a336f4
  2. #f44436
  3. #87f436
  4. #36e6f4

Tek renkli

  1. #520889
  2. #7d0bd2
  3. #a336f4
  4. #c47ff8
  5. #e5c7fc

Koyu tonlar

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

  1. #a336f4
  2. #9331dc
  3. #822bc3
  4. #7226ab
  5. #622092
  6. #521b7a
  7. #411662
  8. #311049
  9. #210b31
  10. #100518
  11. #000000

Açık tonlar

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

  1. #a336f4
  2. #ac4af5
  3. #b55ef6
  4. #bf72f7
  5. #c886f8
  6. #d19bfa
  7. #daaffb
  8. #e3c3fc
  9. #edd7fd
  10. #f6ebfe
  11. #ffffff

Tonlar

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

  1. #a336f4
  2. #a03de8
  3. #9c45dd
  4. #994cd1
  5. #9554c6
  6. #925bba
  7. #8e62ae
  8. #8b6aa3
  9. #877197
  10. #84798c
  11. #808080

Okunaklı metin 4.78:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.39:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #727272 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8960b5 Erkeklerin ≈ 0.001% kadarı
Protanopi #0070f9 Erkeklerin ≈ 1.01% kadarı
Döteranopi #0073f0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #946895 Erkeklerin ≈ 0.0001% kadarı
Protanomali #565ef7 Erkeklerin ≈ 1.08% kadarı
Döteranomali #6260f2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #9a58c3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-a336f4 {
  color: #a336f4;
}
Arka plan
.bg-a336f4 {
  background-color: #a336f4;
  color: #ffffff;
}
Kenarlık
.border-a336f4 {
  border: 2px solid #a336f4;
}
CSS değişkenleri
:root {
  --color-primary: #a336f4;
  --color-primary-rgb: 163 54 244;
  --color-primary-hsl: 274 90% 58%;
}
Geçiş
.gradient-a336f4 {
  background: linear-gradient(135deg, #a336f4, #f436e6);
}
Renkli gölge
.shadow-a336f4 {
  box-shadow: 0 8px 24px rgb(163 54 244 / 0.35);
}

#9f00ff Vivid Violet ΔE 4.07 #bf00ff Electric Purple ΔE 4.21 #8a2be2 Blue Violet ΔE 5.85 #9932cc Dark Orchid ΔE 6.01 #8f00ff Electric Violet ΔE 6.07 #9400d3 Dark Violet ΔE 8.32 #ba55d3 Medium Orchid ΔE 9.34 #5cc90b Ters renk #727272 Gri tonlama 

Vivid Violet
#a336f4  rgb(163, 54, 244)  hsl(274, 90%, 58%)  Vivid Violet
#87f436  rgb(135, 244, 54)  hsl(94, 90%, 58%)  Lawn Green
#f4a336  rgb(244, 163, 54)  hsl(34, 90%, 58%)  Yellow Orange
#36f4a3  rgb(54, 244, 163)  hsl(154, 90%, 58%)  Medium Spring Green