ColorTool
Giriş yap
#04BB97

#04bb97 ≈ Mint

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

#04bb97, “camgöbeği yeşili” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %1,57 kırmızı, %73,33 yeşil ve %59,22 maviden oluşur; CMYK baskıda %97,86 camgöbeği, %0 macenta, %19,25 sarı ve %26,67 siyah kullanır. Ton açısı 168,2°, HSL’de doygunluğu %95,81 ve açıklığı %37,45’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 8,56:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Mint (#3eb489), ΔE 3,91.

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

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

Tamamlayıcı

  1. #04bb97
  2. #bb0428

Bölünmüş tamamlayıcı

  1. #04bb97
  2. #bb0483
  3. #bb3c04

Komşu

  1. #04bb3c
  2. #04bb97
  3. #0483bb

Üçlü

  1. #04bb97
  2. #9704bb
  3. #bb9704

Dörtlü

  1. #04bb97
  2. #0428bb
  3. #bb0428
  4. #bb9704

Kare

  1. #04bb97
  2. #3c04bb
  3. #bb0428
  4. #83bb04

Tek renkli

  1. #01251e
  2. #02705b
  3. #04bb97
  4. #12facc
  5. #5cfcdc

Koyu tonlar

#04bb97 kademeli olarak siyahla karıştırıldı.

  1. #04bb97
  2. #04a888
  3. #039679
  4. #03836a
  5. #02705b
  6. #025e4c
  7. #024b3c
  8. #01382d
  9. #01251e
  10. #00130f
  11. #000000

Açık tonlar

#04bb97 kademeli olarak beyazla karıştırıldı.

  1. #04bb97
  2. #1dc2a1
  3. #36c9ac
  4. #4fcfb6
  5. #68d6c1
  6. #82ddcb
  7. #9be4d5
  8. #b4ebe0
  9. #cdf1ea
  10. #e6f8f5
  11. #ffffff

Tonlar

#04bb97 kademeli olarak griyle karıştırıldı.

  1. #04bb97
  2. #10b595
  3. #1daf92
  4. #29a990
  5. #36a38e
  6. #429e8c
  7. #4e9889
  8. #5b9287
  9. #678c85
  10. #748682
  11. #808080

Okunaklı metin 2.45:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.56:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a5a5a5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #83aea0 Erkeklerin ≈ 0.001% kadarı
Protanopi #b5ae95 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a1a09a Erkeklerin ≈ 1.27% kadarı
Tritanopi #00bdb1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #8fb396 Erkeklerin ≈ 1.08% kadarı
Döteranomali #80ab99 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00bca7 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-04bb97 {
  color: #04bb97;
}
Arka plan
.bg-04bb97 {
  background-color: #04bb97;
  color: #000000;
}
Kenarlık
.border-04bb97 {
  border: 2px solid #04bb97;
}
CSS değişkenleri
:root {
  --color-primary: #04bb97;
  --color-primary-rgb: 4 187 151;
  --color-primary-hsl: 168 96% 37%;
}
Geçiş
.gradient-04bb97 {
  background: linear-gradient(135deg, #04bb97, #0483bb);
}
Renkli gölge
.shadow-04bb97 {
  box-shadow: 0 8px 24px rgb(4 187 151 / 0.35);
}

#3eb489 Mint ΔE 3.91 #29ab87 Jungle Green ΔE 4.65 #00cc99 Caribbean Green ΔE 5.40 #66cdaa Medium Aquamarine ΔE 6.92 #00a693 Persian Green ΔE 7.47 #3cb371 Medium Sea Green ΔE 8.76 #00a86b Jade ΔE 9.07 #fb4468 Ters renk #a5a5a5 Gri tonlama 

Mint
#04bb97  rgb(4, 187, 151)  hsl(168, 96%, 37%)  Mint
#bb0428  rgb(187, 4, 40)  hsl(348, 96%, 37%)  Firebrick
#9704bb  rgb(151, 4, 187)  hsl(288, 96%, 37%)  Dark Violet
#bb9704  rgb(187, 151, 4)  hsl(48, 96%, 37%)  Dark Goldenrod