ColorTool
Giriş yap
#E36022

#e36022 ≈ Flame

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

#e36022, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %89,02 kırmızı, %37,65 yeşil ve %13,33 maviden oluşur; CMYK baskıda %0 camgöbeği, %57,71 macenta, %85,02 sarı ve %10,98 siyah kullanır. Ton açısı 19,27°, HSL’de doygunluğu %77,51 ve açıklığı %51,18’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 5,96:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Flame (#e25822), ΔE 2,42.

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

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

Tamamlayıcı

  1. #e36022
  2. #22a5e3

Bölünmüş tamamlayıcı

  1. #e36022
  2. #22e3c0
  3. #2245e3

Komşu

  1. #e32245
  2. #e36022
  3. #e3c022

Üçlü

  1. #e36022
  2. #22e360
  3. #6022e3

Dörtlü

  1. #e36022
  2. #a5e322
  3. #22a5e3
  4. #6022e3

Kare

  1. #e36022
  2. #45e322
  3. #22a5e3
  4. #c022e3

Tek renkli

  1. #60270c
  2. #a44315
  3. #e36022
  4. #ec9166
  5. #f4c2aa

Koyu tonlar

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

  1. #e36022
  2. #cc561f
  3. #b64d1b
  4. #9f4318
  5. #883a14
  6. #723011
  7. #5b260e
  8. #441d0a
  9. #2d1307
  10. #170a03
  11. #000000

Açık tonlar

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

  1. #e36022
  2. #e67038
  3. #e9804e
  4. #eb9064
  5. #eea07a
  6. #f1b091
  7. #f4bfa7
  8. #f7cfbd
  9. #f9dfd3
  10. #fcefe9
  11. #ffffff

Tonlar

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

  1. #e36022
  2. #d9632b
  3. #cf6635
  4. #c56a3e
  5. #bb6d48
  6. #b27051
  7. #a8735a
  8. #9e7664
  9. #947a6d
  10. #8a7d77
  11. #808080

Okunaklı metin 3.52:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.96:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #888888 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b47a6e Erkeklerin ≈ 0.001% kadarı
Protanopi #867616 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a6941c Erkeklerin ≈ 1.27% kadarı
Tritanopi #fa4054 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b36e1c Erkeklerin ≈ 1.08% kadarı
Döteranomali #c1821e Erkeklerin ≈ 4.63% kadarı
Tritanomali #f14f45 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e36022 {
  color: #e36022;
}
Arka plan
.bg-e36022 {
  background-color: #e36022;
  color: #000000;
}
Kenarlık
.border-e36022 {
  border: 2px solid #e36022;
}
CSS değişkenleri
:root {
  --color-primary: #e36022;
  --color-primary-rgb: 227 96 34;
  --color-primary-hsl: 19 78% 51%;
}
Geçiş
.gradient-e36022 {
  background: linear-gradient(135deg, #e36022, #e3c022);
}
Renkli gölge
.shadow-e36022 {
  box-shadow: 0 8px 24px rgb(227 96 34 / 0.35);
}

#e25822 Flame ΔE 2.42 #ec5800 Persimmon ΔE 2.60 #f94d00 Tangelo ΔE 4.43 #ff4f00 International Orange ΔE 5.01 #d2691e Chocolate ΔE 5.46 #ff4500 Orange Red ΔE 5.78 #cc5500 Burnt Orange ΔE 6.40 #1c9fdd Ters renk #888888 Gri tonlama 

Flame
#e36022  rgb(227, 96, 34)  hsl(19, 78%, 51%)  Flame
#22a5e3  rgb(34, 165, 227)  hsl(199, 78%, 51%)  Carolina Blue
#22e360  rgb(34, 227, 96)  hsl(139, 78%, 51%)  Malachite
#6022e3  rgb(96, 34, 227)  hsl(259, 78%, 51%)  Han Purple