ColorTool
Giriş yap
#563F57

#563f57 ≈ Eggplant

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

#563f57, “macenta” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %33,73 kırmızı, %24,71 yeşil ve %34,12 maviden oluşur; CMYK baskıda %1,15 camgöbeği, %27,59 macenta, %0 sarı ve %65,88 siyah kullanır. Ton açısı 297,5°, HSL’de doygunluğu %16 ve açıklığı %29,41’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 kurumsal kimlikler için kullanır. Bu renk üzerinde beyaz metin 9,36:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Eggplant (#614051), ΔE 4,76.

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

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

Tamamlayıcı

  1. #563f57
  2. #40573f

Bölünmüş tamamlayıcı

  1. #563f57
  2. #4c573f
  3. #3f574a

Komşu

  1. #4a3f57
  2. #563f57
  3. #573f4c

Üçlü

  1. #563f57
  2. #57563f
  3. #3f5756

Dörtlü

  1. #563f57
  2. #573f40
  3. #40573f
  4. #3f5756

Kare

  1. #563f57
  2. #574a3f
  3. #40573f
  4. #3f4c57

Tek renkli

  1. #0c090c
  2. #2a1f2b
  3. #563f57
  4. #825f83
  5. #a787a8

Koyu tonlar

#563f57 kademeli olarak siyahla karıştırıldı.

  1. #563f57
  2. #4d394e
  3. #453246
  4. #3c2c3d
  5. #342634
  6. #2b202c
  7. #221923
  8. #1a131a
  9. #110d11
  10. #090609
  11. #000000

Açık tonlar

#563f57 kademeli olarak beyazla karıştırıldı.

  1. #563f57
  2. #675268
  3. #786579
  4. #897989
  5. #9a8c9a
  6. #ab9fab
  7. #bbb2bc
  8. #ccc5cd
  9. #ddd9dd
  10. #eeecee
  11. #ffffff

Tonlar

#563f57 kademeli olarak griyle karıştırıldı.

  1. #563f57
  2. #5a465b
  3. #5e4c5f
  4. #635363
  5. #675967
  6. #6b606c
  7. #6f6670
  8. #736d74
  9. #787378
  10. #7c7a7c
  11. #808080

Okunaklı metin 9.36:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.24:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #474747 Erkeklerin ≈ 0.003% kadarı
Akromatomali #4d444e Erkeklerin ≈ 0.001% kadarı
Protanopi #3d4558 Erkeklerin ≈ 1.01% kadarı
Döteranopi #424856 Erkeklerin ≈ 1.27% kadarı
Tritanopi #574147 Erkeklerin ≈ 0.0001% kadarı
Protanomali #484358 Erkeklerin ≈ 1.08% kadarı
Döteranomali #4b4456 Erkeklerin ≈ 4.63% kadarı
Tritanomali #57404e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-563f57 {
  color: #563f57;
}
Arka plan
.bg-563f57 {
  background-color: #563f57;
  color: #ffffff;
}
Kenarlık
.border-563f57 {
  border: 2px solid #563f57;
}
CSS değişkenleri
:root {
  --color-primary: #563f57;
  --color-primary-rgb: 86 63 87;
  --color-primary-hsl: 298 16% 29%;
}
Geçiş
.gradient-563f57 {
  background: linear-gradient(135deg, #563f57, #573f4c);
}
Renkli gölge
.shadow-563f57 {
  box-shadow: 0 8px 24px rgb(86 63 87 / 0.35);
}

#614051 Eggplant ΔE 4.76 #702963 Byzantium ΔE 11.19 #8a496b Twilight Lavender ΔE 12.72 #873260 Boysenberry ΔE 13.13 #645452 Wenge ΔE 13.57 #674c47 Liver ΔE 13.70 #6c3082 Eminence ΔE 13.84 #a9c0a8 Ters renk #474747 Gri tonlama 

Eggplant
#563f57  rgb(86, 63, 87)  hsl(298, 16%, 29%)  Eggplant
#40573f  rgb(64, 87, 63)  hsl(118, 16%, 29%)  Hunter Green
#57563f  rgb(87, 86, 63)  hsl(58, 16%, 29%)  Rifle Green
#3f5756  rgb(63, 87, 86)  hsl(178, 16%, 29%)  Dark Slate Gray