ColorTool
Giriş yap
#D5580F

#d5580f ≈ Burnt Orange

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

#d5580f, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %83,53 kırmızı, %34,51 yeşil ve %5,88 maviden oluşur; CMYK baskıda %0 camgöbeği, %58,69 macenta, %92,96 sarı ve %16,47 siyah kullanır. Ton açısı 22,12°, HSL’de doygunluğu %86,84 ve açıklığı %44,71’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 ve gıda markaları ve restoranlar için kullanır. Bu renk üzerinde siyah metin 5,23:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Burnt Orange (#cc5500), ΔE 2,49.

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

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

Tamamlayıcı

  1. #d5580f
  2. #0f8cd5

Bölünmüş tamamlayıcı

  1. #d5580f
  2. #0fd5bb
  3. #0f29d5

Komşu

  1. #d50f29
  2. #d5580f
  3. #d5bb0f

Üçlü

  1. #d5580f
  2. #0fd558
  3. #580fd5

Dörtlü

  1. #d5580f
  2. #8cd50f
  3. #0f8cd5
  4. #580fd5

Kare

  1. #d5580f
  2. #29d50f
  3. #0f8cd5
  4. #bb0fd5

Tek renkli

  1. #461d05
  2. #8e3a0a
  3. #d5580f
  4. #f1813f
  5. #f7b087

Koyu tonlar

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

  1. #d5580f
  2. #c04f0e
  3. #aa460c
  4. #953e0b
  5. #803509
  6. #6b2c08
  7. #552306
  8. #401a05
  9. #2b1203
  10. #150902
  11. #000000

Açık tonlar

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

  1. #d5580f
  2. #d96927
  3. #dd793f
  4. #e28a57
  5. #e69b6f
  6. #eaac87
  7. #eebc9f
  8. #f2cdb7
  9. #f7decf
  10. #fbeee7
  11. #ffffff

Tonlar

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

  1. #d5580f
  2. #cd5c1a
  3. #c46026
  4. #bc6431
  5. #b3683c
  6. #ab6c48
  7. #a27053
  8. #9a745e
  9. #917869
  10. #897c75
  11. #808080

Okunaklı metin 4.01:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.23:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7f7f7f Erkeklerin ≈ 0.003% kadarı
Akromatomali #a87165 Erkeklerin ≈ 0.001% kadarı
Protanopi #7c6d00 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9b8a03 Erkeklerin ≈ 1.27% kadarı
Tritanopi #eb384c Erkeklerin ≈ 0.0001% kadarı
Protanomali #a76502 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b57908 Erkeklerin ≈ 4.63% kadarı
Tritanomali #e2473c Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-d5580f {
  color: #d5580f;
}
Arka plan
.bg-d5580f {
  background-color: #d5580f;
  color: #000000;
}
Kenarlık
.border-d5580f {
  border: 2px solid #d5580f;
}
CSS değişkenleri
:root {
  --color-primary: #d5580f;
  --color-primary-rgb: 213 88 15;
  --color-primary-hsl: 22 87% 45%;
}
Geçiş
.gradient-d5580f {
  background: linear-gradient(135deg, #d5580f, #d5bb0f);
}
Renkli gölge
.shadow-d5580f {
  box-shadow: 0 8px 24px rgb(213 88 15 / 0.35);
}

#cc5500 Burnt Orange ΔE 2.49 #e25822 Flame ΔE 4.19 #ec5800 Persimmon ΔE 4.38 #d2691e Chocolate ΔE 4.81 #f94d00 Tangelo ΔE 6.76 #cb410b Sinopia ΔE 6.84 #ff4f00 International Orange ΔE 7.73 #2aa7f0 Ters renk #7f7f7f Gri tonlama 

Burnt Orange
#d5580f  rgb(213, 88, 15)  hsl(22, 87%, 45%)  Burnt Orange
#0f8cd5  rgb(15, 140, 213)  hsl(202, 87%, 45%)  Bleu de France
#0fd558  rgb(15, 213, 88)  hsl(142, 87%, 45%)  Malachite
#580fd5  rgb(88, 15, 213)  hsl(262, 87%, 45%)  Ultramarine