ColorTool
Giriş yap
#57EDD5

#57edd5 ≈ Turquoise

  • camgöbeği yeşili
  • Açıklık: yüksek
  • Doygunluk: güçlü
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#57edd5, “camgöbeği yeşili” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %34,12 kırmızı, %92,94 yeşil ve %83,53 maviden oluşur; CMYK baskıda %63,29 camgöbeği, %0 macenta, %10,13 sarı ve %7,06 siyah kullanır. Ton açısı 170,4°, HSL’de doygunluğu %80,65 ve açıklığı %63,53’dir. Soğuk bir renktir ve çoğunlukla berraklık, sakinlik ve yenilenme ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 14,48:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Turquoise (#40e0d0), ΔE 3,83.

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

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

Tamamlayıcı

  1. #57edd5
  2. #ed576f

Bölünmüş tamamlayıcı

  1. #57edd5
  2. #ed57ba
  3. #ed8a57

Komşu

  1. #57ed8a
  2. #57edd5
  3. #57baed

Üçlü

  1. #57edd5
  2. #d557ed
  3. #edd557

Dörtlü

  1. #57edd5
  2. #576fed
  3. #ed576f
  4. #edd557

Kare

  1. #57edd5
  2. #8a57ed
  3. #ed576f
  4. #baed57

Tek renkli

  1. #119a84
  2. #18e0c0
  3. #57edd5
  4. #9cf4e6
  5. #e1fcf8

Koyu tonlar

#57edd5 kademeli olarak siyahla karıştırıldı.

  1. #57edd5
  2. #4ed5c0
  3. #46beaa
  4. #3da695
  5. #348e80
  6. #2c776b
  7. #235f55
  8. #1a4740
  9. #112f2b
  10. #091815
  11. #000000

Açık tonlar

#57edd5 kademeli olarak beyazla karıştırıldı.

  1. #57edd5
  2. #68efd9
  3. #79f1dd
  4. #89f2e2
  5. #9af4e6
  6. #abf6ea
  7. #bcf8ee
  8. #cdfaf2
  9. #ddfbf7
  10. #eefdfb
  11. #ffffff

Tonlar

#57edd5 kademeli olarak griyle karıştırıldı.

  1. #57edd5
  2. #5be2cd
  3. #5fd7c4
  4. #63ccbc
  5. #67c1b3
  6. #6cb7ab
  7. #70aca2
  8. #74a19a
  9. #789691
  10. #7c8b89
  11. #808080

Okunaklı metin 1.45:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.48:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d6d6d6 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b2e0d6 Erkeklerin ≈ 0.001% kadarı
Protanopi #e3e0d4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #cdd0d7 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00f1e6 Erkeklerin ≈ 0.0001% kadarı
Protanomali #bbe5d4 Erkeklerin ≈ 1.08% kadarı
Döteranomali #abdcd6 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00efdf Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-57edd5 {
  color: #57edd5;
}
Arka plan
.bg-57edd5 {
  background-color: #57edd5;
  color: #000000;
}
Kenarlık
.border-57edd5 {
  border: 2px solid #57edd5;
}
CSS değişkenleri
:root {
  --color-primary: #57edd5;
  --color-primary-rgb: 87 237 213;
  --color-primary-hsl: 170 81% 64%;
}
Geçiş
.gradient-57edd5 {
  background: linear-gradient(135deg, #57edd5, #57baed);
}
Renkli gölge
.shadow-57edd5 {
  box-shadow: 0 8px 24px rgb(87 237 213 / 0.35);
}

#40e0d0 Turquoise ΔE 3.83 #08e8de Bright Turquoise ΔE 5.08 #00ffef Turquoise Blue ΔE 5.28 #7fffd4 Aquamarine ΔE 6.94 #48d1cc Medium Turquoise ΔE 8.62 #00ffff Aqua ΔE 8.88 #00ffff Cyan ΔE 8.88 #a8122a Ters renk #d6d6d6 Gri tonlama 

Turquoise
#57edd5  rgb(87, 237, 213)  hsl(170, 81%, 64%)  Turquoise
#ed576f  rgb(237, 87, 111)  hsl(350, 81%, 64%)  Neon Fuchsia
#d557ed  rgb(213, 87, 237)  hsl(290, 81%, 64%)  Medium Orchid
#edd557  rgb(237, 213, 87)  hsl(50, 81%, 64%)  Naples Yellow