ColorTool
Giriş yap
#E66A22

#e66a22 ≈ Persimmon

  • turuncu
  • Açıklık: orta
  • Doygunluk: canlı
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#e66a22, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %90,2 kırmızı, %41,57 yeşil ve %13,33 maviden oluşur; CMYK baskıda %0 camgöbeği, %53,91 macenta, %85,22 sarı ve %9,8 siyah kullanır. Ton açısı 22,04°, HSL’de doygunluğu %79,67 ve açıklığı %51,76’dir. Sıcak bir renktir ve çoğunlukla coşku, sıcaklık ve yaratıcılık ile ilişkilendirilir. Tasarımcılar onu genellikle eylem çağrısı düğmeleri, gıda markaları ve restoranlar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 6,45:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Persimmon (#ec5800), ΔE 3,81.

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

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

Tamamlayıcı

  1. #e66a22
  2. #229ee6

Bölünmüş tamamlayıcı

  1. #e66a22
  2. #22e6cc
  3. #223ce6

Komşu

  1. #e6223c
  2. #e66a22
  3. #e6cc22

Üçlü

  1. #e66a22
  2. #22e66a
  3. #6a22e6

Dörtlü

  1. #e66a22
  2. #9ee622
  3. #229ee6
  4. #6a22e6

Kare

  1. #e66a22
  2. #3ce622
  3. #229ee6
  4. #cc22e6

Tek renkli

  1. #642c0b
  2. #a84a13
  3. #e66a22
  4. #ee9867
  5. #f6c7ab

Koyu tonlar

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

  1. #e66a22
  2. #cf5f1f
  3. #b8551b
  4. #a14a18
  5. #8a4014
  6. #733511
  7. #5c2a0e
  8. #45200a
  9. #2e1507
  10. #170b03
  11. #000000

Açık tonlar

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

  1. #e66a22
  2. #e97938
  3. #eb884e
  4. #ee9764
  5. #f0a67a
  6. #f3b591
  7. #f5c3a7
  8. #f8d2bd
  9. #fae1d3
  10. #fdf0e9
  11. #ffffff

Tonlar

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

  1. #e66a22
  2. #dc6c2b
  3. #d26e35
  4. #c7713e
  5. #bd7348
  6. #b37551
  7. #a9775a
  8. #9f7964
  9. #947c6d
  10. #8a7e77
  11. #808080

Okunaklı metin 3.26:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.45:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #8e8e8e Erkeklerin ≈ 0.003% kadarı
Akromatomali #b88173 Erkeklerin ≈ 0.001% kadarı
Protanopi #8e7d14 Erkeklerin ≈ 1.01% kadarı
Döteranopi #ac991d Erkeklerin ≈ 1.27% kadarı
Tritanopi #fd4d5d Erkeklerin ≈ 0.0001% kadarı
Protanomali #b8761a Erkeklerin ≈ 1.08% kadarı
Döteranomali #c6891f Erkeklerin ≈ 4.63% kadarı
Tritanomali #f45a4c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e66a22 {
  color: #e66a22;
}
Arka plan
.bg-e66a22 {
  background-color: #e66a22;
  color: #000000;
}
Kenarlık
.border-e66a22 {
  border: 2px solid #e66a22;
}
CSS değişkenleri
:root {
  --color-primary: #e66a22;
  --color-primary-rgb: 230 106 34;
  --color-primary-hsl: 22 80% 52%;
}
Geçiş
.gradient-e66a22 {
  background: linear-gradient(135deg, #e66a22, #e6cc22);
}
Renkli gölge
.shadow-e66a22 {
  box-shadow: 0 8px 24px rgb(230 106 34 / 0.35);
}

#ec5800 Persimmon ΔE 3.81 #d2691e Chocolate ΔE 4.30 #ff7518 Pumpkin ΔE 5.55 #e25822 Flame ΔE 5.62 #f94d00 Tangelo ΔE 6.32 #ff4f00 International Orange ΔE 6.38 #ff8243 Mango Tango ΔE 7.34 #1995dd Ters renk #8e8e8e Gri tonlama 

Persimmon
#e66a22  rgb(230, 106, 34)  hsl(22, 80%, 52%)  Persimmon
#229ee6  rgb(34, 158, 230)  hsl(202, 80%, 52%)  Carolina Blue
#22e66a  rgb(34, 230, 106)  hsl(142, 80%, 52%)  Malachite
#6a22e6  rgb(106, 34, 230)  hsl(262, 80%, 52%)  Electric Indigo