ColorTool
Giriş yap
#7563CC

#7563cc ≈ Slate Blue

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

#7563cc, “mor” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %45,88 kırmızı, %38,82 yeşil ve %80 maviden oluşur; CMYK baskıda %42,65 camgöbeği, %51,47 macenta, %0 sarı ve %20 siyah kullanır. Ton açısı 250,29°, HSL’de doygunluğu %50,72 ve açıklığı %59,41’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 beyaz metin 4,76:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Slate Blue (#6a5acd), ΔE 3,36.

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

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

Tamamlayıcı

  1. #7563cc
  2. #bacc63

Bölünmüş tamamlayıcı

  1. #7563cc
  2. #ccaa63
  3. #85cc63

Komşu

  1. #6385cc
  2. #7563cc
  3. #aa63cc

Üçlü

  1. #7563cc
  2. #cc7563
  3. #63cc75

Dörtlü

  1. #7563cc
  2. #cc63ba
  3. #bacc63
  4. #63cc75

Kare

  1. #7563cc
  2. #cc6385
  3. #bacc63
  4. #63ccaa

Tek renkli

  1. #322571
  2. #4c38ab
  3. #7563cc
  4. #a89ddf
  5. #dbd6f2

Koyu tonlar

#7563cc kademeli olarak siyahla karıştırıldı.

  1. #7563cc
  2. #6959b8
  3. #5e4fa3
  4. #52458f
  5. #463b7a
  6. #3b3266
  7. #2f2852
  8. #231e3d
  9. #171429
  10. #0c0a14
  11. #000000

Açık tonlar

#7563cc kademeli olarak beyazla karıştırıldı.

  1. #7563cc
  2. #8373d1
  3. #9182d6
  4. #9e92db
  5. #aca1e0
  6. #bab1e6
  7. #c8c1eb
  8. #d6d0f0
  9. #e3e0f5
  10. #f1effa
  11. #ffffff

Tonlar

#7563cc kademeli olarak griyle karıştırıldı.

  1. #7563cc
  2. #7666c4
  3. #7769bd
  4. #786cb5
  5. #796fae
  6. #7b72a6
  7. #7c749e
  8. #7d7797
  9. #7e7a8f
  10. #7f7d88
  11. #808080

Okunaklı metin 4.76:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.41:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #737373 Erkeklerin ≈ 0.003% kadarı
Akromatomali #746d9e Erkeklerin ≈ 0.001% kadarı
Protanopi #3475d0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #3570ca Erkeklerin ≈ 1.27% kadarı
Tritanopi #5c798e Erkeklerin ≈ 0.0001% kadarı
Protanomali #566ece Erkeklerin ≈ 1.08% kadarı
Döteranomali #566bcb Erkeklerin ≈ 4.63% kadarı
Tritanomali #6771aa Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-7563cc {
  color: #7563cc;
}
Arka plan
.bg-7563cc {
  background-color: #7563cc;
  color: #ffffff;
}
Kenarlık
.border-7563cc {
  border: 2px solid #7563cc;
}
CSS değişkenleri
:root {
  --color-primary: #7563cc;
  --color-primary-rgb: 117 99 204;
  --color-primary-hsl: 250 51% 59%;
}
Geçiş
.gradient-7563cc {
  background: linear-gradient(135deg, #7563cc, #aa63cc);
}
Renkli gölge
.shadow-7563cc {
  box-shadow: 0 8px 24px rgb(117 99 204 / 0.35);
}

#6a5acd Slate Blue ΔE 3.36 #7b68ee Medium Slate Blue ΔE 5.34 #6050dc Majorelle Blue ΔE 6.79 #9370db Medium Purple ΔE 7.22 #5a4fcf Iris ΔE 7.33 #9966cc Amethyst ΔE 7.79 #7851a9 Royal Purple ΔE 8.31 #8a9c33 Ters renk #737373 Gri tonlama 

Slate Blue
#7563cc  rgb(117, 99, 204)  hsl(250, 51%, 59%)  Slate Blue
#bacc63  rgb(186, 204, 99)  hsl(70, 51%, 59%)  June Bud
#cc7563  rgb(204, 117, 99)  hsl(10, 51%, 59%)  Terra Cotta
#63cc75  rgb(99, 204, 117)  hsl(130, 51%, 59%)  Emerald