ColorTool
Giriş yap
#DDE142

#dde142 ≈ Pear

  • sarı
  • Açıklık: orta
  • Doygunluk: güçlü
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#dde142, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %86,67 kırmızı, %88,24 yeşil ve %25,88 maviden oluşur; CMYK baskıda %1,78 camgöbeği, %0 macenta, %70,67 sarı ve %11,76 siyah kullanır. Ton açısı 61,51°, HSL’de doygunluğu %72,6 ve açıklığı %57,06’dir. Sıcak bir renktir ve çoğunlukla iyimserlik, dikkat ve neşe ile ilişkilendirilir. Tasarımcılar onu genellikle vurgular ve uyarılar, çocuk ürünleri ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 14,92:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pear (#d1e231), ΔE 2,71.

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

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

Tamamlayıcı

  1. #dde142
  2. #4642e1

Bölünmüş tamamlayıcı

  1. #dde142
  2. #428ee1
  3. #9642e1

Komşu

  1. #e19642
  2. #dde142
  3. #8ee142

Üçlü

  1. #dde142
  2. #42dde1
  3. #e142dd

Dörtlü

  1. #dde142
  2. #42e146
  3. #4642e1
  4. #e142dd

Kare

  1. #dde142
  2. #42e196
  3. #4642e1
  4. #e1428e

Tek renkli

  1. #757713
  2. #b5b91d
  3. #dde142
  4. #e9eb84
  5. #f5f6c6

Koyu tonlar

#dde142 kademeli olarak siyahla karıştırıldı.

  1. #dde142
  2. #c7cb3b
  3. #b1b435
  4. #9b9e2e
  5. #858728
  6. #6f7121
  7. #585a1a
  8. #424414
  9. #2c2d0d
  10. #161707
  11. #000000

Açık tonlar

#dde142 kademeli olarak beyazla karıştırıldı.

  1. #dde142
  2. #e0e455
  3. #e4e768
  4. #e7ea7b
  5. #ebed8e
  6. #eef0a1
  7. #f1f3b3
  8. #f5f6c6
  9. #f8f9d9
  10. #fcfcec
  11. #ffffff

Tonlar

#dde142 kademeli olarak griyle karıştırıldı.

  1. #dde142
  2. #d4d748
  3. #cace4e
  4. #c1c455
  5. #b8ba5b
  6. #afb161
  7. #a5a767
  8. #9c9d6d
  9. #939374
  10. #898a7a
  11. #808080

Okunaklı metin 1.41:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.92:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d9d9d9 Erkeklerin ≈ 0.003% kadarı
Akromatomali #dbdcb1 Erkeklerin ≈ 0.001% kadarı
Protanopi #f2d725 Erkeklerin ≈ 1.01% kadarı
Döteranopi #f4db4e Erkeklerin ≈ 1.27% kadarı
Tritanopi #ecd3c2 Erkeklerin ≈ 0.0001% kadarı
Protanomali #eadb33 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ebde4a Erkeklerin ≈ 4.63% kadarı
Tritanomali #e6d99f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-dde142 {
  color: #dde142;
}
Arka plan
.bg-dde142 {
  background-color: #dde142;
  color: #000000;
}
Kenarlık
.border-dde142 {
  border: 2px solid #dde142;
}
CSS değişkenleri
:root {
  --color-primary: #dde142;
  --color-primary-rgb: 221 225 66;
  --color-primary-hsl: 62 73% 57%;
}
Geçiş
.gradient-dde142 {
  background: linear-gradient(135deg, #dde142, #8ee142);
}
Renkli gölge
.shadow-dde142 {
  box-shadow: 0 8px 24px rgb(221 225 66 / 0.35);
}

#d1e231 Pear ΔE 2.71 #eee600 Titanium Yellow ΔE 4.78 #f0e130 Dandelion ΔE 4.83 #fcf75e Icterine ΔE 5.46 #e4d96f Straw ΔE 6.25 #ffff66 Laser Lemon ΔE 6.61 #e4d00a Citrine ΔE 6.89 #221ebd Ters renk #d9d9d9 Gri tonlama 

Pear
#dde142  rgb(221, 225, 66)  hsl(62, 73%, 57%)  Pear
#4642e1  rgb(70, 66, 225)  hsl(242, 73%, 57%)  Iris
#42dde1  rgb(66, 221, 225)  hsl(182, 73%, 57%)  Dark Turquoise
#e142dd  rgb(225, 66, 221)  hsl(302, 73%, 57%)  Fuchsia