ColorTool
Giriş yap
#EC9963

#ec9963 ≈ Persian Orange

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

#ec9963, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %92,55 kırmızı, %60 yeşil ve %38,82 maviden oluşur; CMYK baskıda %0 camgöbeği, %35,17 macenta, %58,05 sarı ve %7,45 siyah kullanır. Ton açısı 23,65°, HSL’de doygunluğu %78,29 ve açıklığı %65,69’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 9,3:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Persian Orange (#d99058), ΔE 4,2.

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

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

Tamamlayıcı

  1. #ec9963
  2. #63b6ec

Bölünmüş tamamlayıcı

  1. #ec9963
  2. #63ecde
  3. #6372ec

Komşu

  1. #ec6372
  2. #ec9963
  3. #ecde63

Üçlü

  1. #ec9963
  2. #63ec99
  3. #9963ec

Dörtlü

  1. #ec9963
  2. #b6ec63
  3. #63b6ec
  4. #9963ec

Kare

  1. #ec9963
  2. #72ec63
  3. #63b6ec
  4. #de63ec

Tek renkli

  1. #a24c14
  2. #e46c1f
  3. #ec9963
  4. #f4c6a7
  5. #fdf2eb

Koyu tonlar

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

  1. #ec9963
  2. #d48a59
  3. #bd7a4f
  4. #a56b45
  5. #8e5c3b
  6. #764d32
  7. #5e3d28
  8. #472e1e
  9. #2f1f14
  10. #180f0a
  11. #000000

Açık tonlar

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

  1. #ec9963
  2. #eea373
  3. #f0ad82
  4. #f2b892
  5. #f4c2a1
  6. #f6ccb1
  7. #f7d6c1
  8. #f9e0d0
  9. #fbebe0
  10. #fdf5ef
  11. #ffffff

Tonlar

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

  1. #ec9963
  2. #e19766
  3. #d69469
  4. #cc926c
  5. #c18f6f
  6. #b68d72
  7. #ab8a74
  8. #a08877
  9. #96857a
  10. #8b837d
  11. #808080

Okunaklı metin 2.26:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.3:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #acacac Erkeklerin ≈ 0.003% kadarı
Akromatomali #c9a595 Erkeklerin ≈ 0.001% kadarı
Protanopi #b1a25e Erkeklerin ≈ 1.01% kadarı
Döteranopi #c4b463 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff898c Erkeklerin ≈ 0.0001% kadarı
Protanomali #cb9e60 Erkeklerin ≈ 1.08% kadarı
Döteranomali #d5aa63 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f8907e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#d99058 Persian Orange ΔE 4.20 #f4a460 Sandy Brown ΔE 4.59 #d68a59 Raw Sienna ΔE 5.08 #ffa07a Light Salmon ΔE 6.57 #e5aa70 Fawn ΔE 6.96 #ed872d Cadmium Orange ΔE 7.29 #ff8243 Mango Tango ΔE 7.39 #13669c Ters renk #acacac Gri tonlama 

Persian Orange
#ec9963  rgb(236, 153, 99)  hsl(24, 78%, 66%)  Persian Orange
#63b6ec  rgb(99, 182, 236)  hsl(204, 78%, 66%)  Maya Blue
#63ec99  rgb(99, 236, 153)  hsl(144, 78%, 66%)  Medium Spring Green
#9963ec  rgb(153, 99, 236)  hsl(264, 78%, 66%)  Medium Purple