ColorTool
Giriş yap
#CE5733

#ce5733 ≈ Flame

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

#ce5733, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %80,78 kırmızı, %34,12 yeşil ve %20 maviden oluşur; CMYK baskıda %0 camgöbeği, %57,77 macenta, %75,24 sarı ve %19,22 siyah kullanır. Ton açısı 13,94°, HSL’de doygunluğu %61,26 ve açıklığı %50,39’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,04:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Flame (#e25822), ΔE 5,1.

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.2018

Tamamlayıcı

  1. #ce5733
  2. #33aace

Bölünmüş tamamlayıcı

  1. #ce5733
  2. #33cea5
  3. #335cce

Komşu

  1. #ce335c
  2. #ce5733
  3. #cea533

Üçlü

  1. #ce5733
  2. #33ce57
  3. #5733ce

Dörtlü

  1. #ce5733
  2. #aace33
  3. #33aace
  4. #5733ce

Kare

  1. #ce5733
  2. #5cce33
  3. #33aace
  4. #a533ce

Tek renkli

  1. #542314
  2. #923d23
  3. #ce5733
  4. #dd8a71
  5. #ecbdae

Koyu tonlar

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

  1. #ce5733
  2. #b94e2e
  3. #a54629
  4. #903d24
  5. #7c341f
  6. #672c1a
  7. #522314
  8. #3e1a0f
  9. #29110a
  10. #150905
  11. #000000

Açık tonlar

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

  1. #ce5733
  2. #d36847
  3. #d8795c
  4. #dd8970
  5. #e29a85
  6. #e7ab99
  7. #ebbcad
  8. #f0cdc2
  9. #f5ddd6
  10. #faeeeb
  11. #ffffff

Tonlar

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

  1. #ce5733
  2. #c65b3b
  3. #be5f42
  4. #b7634a
  5. #af6752
  6. #a76c5a
  7. #9f7061
  8. #977469
  9. #907871
  10. #887c78
  11. #808080

Okunaklı metin 4.17:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.04:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7c7c7c Erkeklerin ≈ 0.003% kadarı
Akromatomali #a36f67 Erkeklerin ≈ 0.001% kadarı
Protanopi #786c2e Erkeklerin ≈ 1.01% kadarı
Döteranopi #95862f Erkeklerin ≈ 1.27% kadarı
Tritanopi #e23c4f Erkeklerin ≈ 0.0001% kadarı
Protanomali #a26430 Erkeklerin ≈ 1.08% kadarı
Döteranomali #af7631 Erkeklerin ≈ 4.63% kadarı
Tritanomali #da4846 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ce5733 {
  color: #ce5733;
}
Arka plan
.bg-ce5733 {
  background-color: #ce5733;
  color: #000000;
}
Kenarlık
.border-ce5733 {
  border: 2px solid #ce5733;
}
CSS değişkenleri
:root {
  --color-primary: #ce5733;
  --color-primary-rgb: 206 87 51;
  --color-primary-hsl: 14 61% 50%;
}
Geçiş
.gradient-ce5733 {
  background: linear-gradient(135deg, #ce5733, #cea533);
}
Renkli gölge
.shadow-ce5733 {
  box-shadow: 0 8px 24px rgb(206 87 51 / 0.35);
}

#e25822 Flame ΔE 5.10 #cb410b Sinopia ΔE 5.94 #e34234 Cinnabar ΔE 6.32 #e34234 Vermilion ΔE 6.32 #cc5500 Burnt Orange ΔE 7.83 #c04000 Mahogany ΔE 8.05 #e62020 Lust ΔE 8.36 #31a8cc Ters renk #7c7c7c Gri tonlama 

Flame
#ce5733  rgb(206, 87, 51)  hsl(14, 61%, 50%)  Flame
#33aace  rgb(51, 170, 206)  hsl(194, 61%, 50%)  Moonstone Blue
#33ce57  rgb(51, 206, 87)  hsl(134, 61%, 50%)  Malachite
#5733ce  rgb(87, 51, 206)  hsl(254, 61%, 50%)  Ocean Blue