ColorTool
Giriş yap
#7EC302

#7ec302 ≈ Yellow Green

  • sarı-yeşil
  • Açıklık: düşük
  • Doygunluk: canlı
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#7ec302, “sarı-yeşil” ailesinden bir renktir; açıklığı düşük, doygunluğu canlı. RGB modelinde %49,41 kırmızı, %76,47 yeşil ve %0,78 maviden oluşur; CMYK baskıda %35,38 camgöbeği, %0 macenta, %98,97 sarı ve %23,53 siyah kullanır. Ton açısı 81,45°, HSL’de doygunluğu %97,97 ve açıklığı %38,63’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla tazelik, büyüme ve canlılık ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 9,69:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Yellow Green (#9acd32), ΔE 4,21.

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

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

Tamamlayıcı

  1. #7ec302
  2. #4702c3

Bölünmüş tamamlayıcı

  1. #7ec302
  2. #021ec3
  3. #a802c3

Komşu

  1. #c3a802
  2. #7ec302
  3. #1ec302

Üçlü

  1. #7ec302
  2. #027ec3
  3. #c3027e

Dörtlü

  1. #7ec302
  2. #02c347
  3. #4702c3
  4. #c3027e

Kare

  1. #7ec302
  2. #02c3a8
  3. #4702c3
  4. #c3021e

Tek renkli

  1. #1c2c00
  2. #4d7701
  3. #7ec302
  4. #aafd15
  5. #c5fd61

Koyu tonlar

#7ec302 kademeli olarak siyahla karıştırıldı.

  1. #7ec302
  2. #71b002
  3. #659c02
  4. #588901
  5. #4c7501
  6. #3f6201
  7. #324e01
  8. #263b01
  9. #192700
  10. #0d1400
  11. #000000

Açık tonlar

#7ec302 kademeli olarak beyazla karıştırıldı.

  1. #7ec302
  2. #8bc91b
  3. #98cf35
  4. #a5d54e
  5. #b2db67
  6. #bfe181
  7. #cbe79a
  8. #d8edb3
  9. #e5f3cc
  10. #f2f9e6
  11. #ffffff

Tonlar

#7ec302 kademeli olarak griyle karıştırıldı.

  1. #7ec302
  2. #7ebc0f
  3. #7eb61b
  4. #7faf28
  5. #7fa834
  6. #7fa241
  7. #7f9b4e
  8. #7f945a
  9. #808d67
  10. #808773
  11. #808080

Okunaklı metin 2.17:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.69:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b0b0b0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9eb88c Erkeklerin ≈ 0.001% kadarı
Protanopi #ccb300 Erkeklerin ≈ 1.01% kadarı
Döteranopi #c3ae28 Erkeklerin ≈ 1.27% kadarı
Tritanopi #81baa5 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b2ba00 Erkeklerin ≈ 1.08% kadarı
Döteranomali #acb71e Erkeklerin ≈ 4.63% kadarı
Tritanomali #80be83 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-7ec302 {
  color: #7ec302;
}
Arka plan
.bg-7ec302 {
  background-color: #7ec302;
  color: #000000;
}
Kenarlık
.border-7ec302 {
  border: 2px solid #7ec302;
}
CSS değişkenleri
:root {
  --color-primary: #7ec302;
  --color-primary-rgb: 126 195 2;
  --color-primary-hsl: 81 98% 39%;
}
Geçiş
.gradient-7ec302 {
  background: linear-gradient(135deg, #7ec302, #1ec302);
}
Renkli gölge
.shadow-7ec302 {
  box-shadow: 0 8px 24px rgb(126 195 2 / 0.35);
}

#9acd32 Yellow Green ΔE 4.21 #8db600 Apple Green ΔE 4.83 #4cbb17 Kelly Green ΔE 6.49 #32cd32 Lime Green ΔE 8.70 #74c365 Mantis ΔE 9.85 #bdda57 June Bud ΔE 9.86 #93c572 Pistachio ΔE 10.28 #813cfd Ters renk #b0b0b0 Gri tonlama 

Yellow Green
#7ec302  rgb(126, 195, 2)  hsl(81, 98%, 39%)  Yellow Green
#4702c3  rgb(71, 2, 195)  hsl(261, 98%, 39%)  Medium Blue
#027ec3  rgb(2, 126, 195)  hsl(201, 98%, 39%)  Steel Blue
#c3027e  rgb(195, 2, 126)  hsl(321, 98%, 39%)  Medium Violet Red