ColorTool
Giriş yap
#DFDF51

#dfdf51 ≈ Pear

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

#dfdf51, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %87,45 kırmızı, %87,45 yeşil ve %31,76 maviden oluşur; CMYK baskıda %0 camgöbeği, %0 macenta, %63,68 sarı ve %12,55 siyah kullanır. Ton açısı 60°, HSL’de doygunluğu %68,93 ve açıklığı %59,61’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,81:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pear (#d1e231), ΔE 3,98.

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

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

Tamamlayıcı

  1. #dfdf51
  2. #5151df

Bölünmüş tamamlayıcı

  1. #dfdf51
  2. #5198df
  3. #9851df

Komşu

  1. #df9851
  2. #dfdf51
  3. #98df51

Üçlü

  1. #dfdf51
  2. #51dfdf
  3. #df51df

Dörtlü

  1. #dfdf51
  2. #51df51
  3. #5151df
  4. #df51df

Kare

  1. #dfdf51
  2. #51df98
  3. #5151df
  4. #df5198

Tek renkli

  1. #808017
  2. #c0c023
  3. #dfdf51
  4. #ebeb92
  5. #f7f7d2

Koyu tonlar

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

  1. #dfdf51
  2. #c9c949
  3. #b2b241
  4. #9c9c39
  5. #868631
  6. #707029
  7. #595920
  8. #434318
  9. #2d2d10
  10. #161608
  11. #000000

Açık tonlar

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

  1. #dfdf51
  2. #e2e262
  3. #e5e574
  4. #e9e985
  5. #ecec97
  6. #efefa8
  7. #f2f2b9
  8. #f5f5cb
  9. #f9f9dc
  10. #fcfcee
  11. #ffffff

Tonlar

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

  1. #dfdf51
  2. #d6d656
  3. #cccc5a
  4. #c3c35f
  5. #b9b964
  6. #b0b069
  7. #a6a66d
  8. #9d9d72
  9. #939377
  10. #8a8a7b
  11. #808080

Okunaklı metin 1.42:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.81:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d9d9d9 Erkeklerin ≈ 0.003% kadarı
Akromatomali #dbdbb2 Erkeklerin ≈ 0.001% kadarı
Protanopi #f0d63e Erkeklerin ≈ 1.01% kadarı
Döteranopi #f2db5a Erkeklerin ≈ 1.27% kadarı
Tritanopi #eed2c2 Erkeklerin ≈ 0.0001% kadarı
Protanomali #e9da46 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ebdc57 Erkeklerin ≈ 4.63% kadarı
Tritanomali #e8d7a1 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#d1e231 Pear ΔE 3.98 #e4d96f Straw ΔE 4.69 #f0e130 Dandelion ΔE 4.88 #eee600 Titanium Yellow ΔE 5.52 #fcf75e Icterine ΔE 5.56 #e4d00a Citrine ΔE 6.72 #ffff66 Laser Lemon ΔE 6.83 #2020ae Ters renk #d9d9d9 Gri tonlama 

Pear
#dfdf51  rgb(223, 223, 81)  hsl(60, 69%, 60%)  Pear
#5151df  rgb(81, 81, 223)  hsl(240, 69%, 60%)  Majorelle Blue
#51dfdf  rgb(81, 223, 223)  hsl(180, 69%, 60%)  Medium Turquoise
#df51df  rgb(223, 81, 223)  hsl(300, 69%, 60%)  Orchid