ColorTool
Giriş yap
#DF451E

#df451e ≈ Flame

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

#df451e, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %87,45 kırmızı, %27,06 yeşil ve %11,76 maviden oluşur; CMYK baskıda %0 camgöbeği, %69,06 macenta, %86,55 sarı ve %12,55 siyah kullanır. Ton açısı 12,12°, HSL’de doygunluğu %76,28 ve açıklığı %49,61’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,01:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Flame (#e25822), ΔE 4,73.

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

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

Tamamlayıcı

  1. #df451e
  2. #1eb8df

Bölünmüş tamamlayıcı

  1. #df451e
  2. #1edfa5
  3. #1e58df

Komşu

  1. #df1e58
  2. #df451e
  3. #dfa51e

Üçlü

  1. #df451e
  2. #1edf45
  3. #451edf

Dörtlü

  1. #df451e
  2. #b8df1e
  3. #1eb8df
  4. #451edf

Kare

  1. #df451e
  2. #58df1e
  3. #1eb8df
  4. #a51edf

Tek renkli

  1. #581b0c
  2. #9c3015
  3. #df451e
  4. #ea7c60
  5. #f3b3a3

Koyu tonlar

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

  1. #df451e
  2. #c93e1b
  3. #b23718
  4. #9c3015
  5. #862912
  6. #70230f
  7. #591c0c
  8. #431509
  9. #2d0e06
  10. #160703
  11. #000000

Açık tonlar

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

  1. #df451e
  2. #e25835
  3. #e56a4b
  4. #e97d62
  5. #ec8f78
  6. #efa28f
  7. #f2b5a5
  8. #f5c7bc
  9. #f9dad2
  10. #fcece9
  11. #ffffff

Tonlar

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

  1. #df451e
  2. #d64b28
  3. #cc5132
  4. #c3573b
  5. #b95d45
  6. #b0634f
  7. #a66859
  8. #9d6e63
  9. #93746c
  10. #8a7a76
  11. #808080

Okunaklı metin 4.19:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.01:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7c7c7c Erkeklerin ≈ 0.003% kadarı
Akromatomali #ad6a63 Erkeklerin ≈ 0.001% kadarı
Protanopi #736616 Erkeklerin ≈ 1.01% kadarı
Döteranopi #998813 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f6003e Erkeklerin ≈ 0.0001% kadarı
Protanomali #a95a19 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b97318 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ed2a34 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#e25822 Flame ΔE 4.73 #cb410b Sinopia ΔE 5.14 #ff2400 Scarlet ΔE 5.27 #ff2800 Ferrari Red ΔE 5.28 #e34234 Cinnabar ΔE 5.28 #e34234 Vermilion ΔE 5.28 #ff0800 Candy Apple Red ΔE 5.54 #20bae1 Ters renk #7c7c7c Gri tonlama 

Flame
#df451e  rgb(223, 69, 30)  hsl(12, 76%, 50%)  Flame
#1eb8df  rgb(30, 184, 223)  hsl(192, 76%, 50%)  Deep Sky Blue
#1edf45  rgb(30, 223, 69)  hsl(132, 76%, 50%)  Malachite
#451edf  rgb(69, 30, 223)  hsl(252, 76%, 50%)  Ultramarine