ColorTool
Giriş yap
#12E4F2

#12e4f2 ≈ Dark Turquoise

  • camgöbeği
  • Açıklık: orta
  • Doygunluk: canlı
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#12e4f2, “camgöbeği” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %7,06 kırmızı, %89,41 yeşil ve %94,9 maviden oluşur; CMYK baskıda %92,56 camgöbeği, %5,79 macenta, %0 sarı ve %5,1 siyah kullanır. Ton açısı 183,75°, HSL’de doygunluğu %89,6 ve açıklığı %50,98’dir. Soğuk bir renktir ve çoğunlukla ferahlık, teknoloji ve netlik 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 13,41:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dark Turquoise (#00ced1), ΔE 6,38.

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

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

Tamamlayıcı

  1. #12e4f2
  2. #f22012

Bölünmüş tamamlayıcı

  1. #12e4f2
  2. #f21274
  3. #f29012

Komşu

  1. #12f290
  2. #12e4f2
  3. #1274f2

Üçlü

  1. #12e4f2
  2. #f212e4
  3. #e4f212

Dörtlü

  1. #12e4f2
  2. #2012f2
  3. #f22012
  4. #e4f212

Kare

  1. #12e4f2
  2. #9012f2
  3. #f22012
  4. #74f212

Tek renkli

  1. #065f65
  2. #0aa4ae
  3. #12e4f2
  4. #5becf6
  5. #a3f5fa

Koyu tonlar

#12e4f2 kademeli olarak siyahla karıştırıldı.

  1. #12e4f2
  2. #10cdda
  3. #0eb6c2
  4. #0da0a9
  5. #0b8991
  6. #097279
  7. #075b61
  8. #054449
  9. #042e30
  10. #021718
  11. #000000

Açık tonlar

#12e4f2 kademeli olarak beyazla karıştırıldı.

  1. #12e4f2
  2. #2ae7f3
  3. #41e9f5
  4. #59ecf6
  5. #71eff7
  6. #89f2f9
  7. #a0f4fa
  8. #b8f7fb
  9. #d0fafc
  10. #e7fcfe
  11. #ffffff

Tonlar

#12e4f2 kademeli olarak griyle karıştırıldı.

  1. #12e4f2
  2. #1ddae7
  3. #28d0db
  4. #33c6d0
  5. #3ebcc4
  6. #49b2b9
  7. #54a8ae
  8. #5f9ea2
  9. #6a9497
  10. #758a8b
  11. #808080

Okunaklı metin 1.57:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 13.41:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #cecece Erkeklerin ≈ 0.003% kadarı
Akromatomali #a5d7de Erkeklerin ≈ 0.001% kadarı
Protanopi #d1daf3 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b6c6f3 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00eee8 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a6def3 Erkeklerin ≈ 1.08% kadarı
Döteranomali #91d3f2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00eaec Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-12e4f2 {
  color: #12e4f2;
}
Arka plan
.bg-12e4f2 {
  background-color: #12e4f2;
  color: #000000;
}
Kenarlık
.border-12e4f2 {
  border: 2px solid #12e4f2;
}
CSS değişkenleri
:root {
  --color-primary: #12e4f2;
  --color-primary-rgb: 18 228 242;
  --color-primary-hsl: 184 90% 51%;
}
Geçiş
.gradient-12e4f2 {
  background: linear-gradient(135deg, #12e4f2, #1274f2);
}
Renkli gölge
.shadow-12e4f2 {
  box-shadow: 0 8px 24px rgb(18 228 242 / 0.35);
}

#00ced1 Dark Turquoise ΔE 6.38 #7df9ff Electric Blue ΔE 6.46 #00ffff Aqua ΔE 7.33 #00ffff Cyan ΔE 7.33 #00cccc Robin Egg Blue ΔE 7.42 #48d1cc Medium Turquoise ΔE 7.63 #08e8de Bright Turquoise ΔE 7.93 #ed1b0d Ters renk #cecece Gri tonlama 

Dark Turquoise
#12e4f2  rgb(18, 228, 242)  hsl(184, 90%, 51%)  Dark Turquoise
#f22012  rgb(242, 32, 18)  hsl(4, 90%, 51%)  Red
#f212e4  rgb(242, 18, 228)  hsl(304, 90%, 51%)  Fuchsia
#e4f212  rgb(228, 242, 18)  hsl(64, 90%, 51%)  Lemon Lime