ColorTool
Giriş yap
#ECB255

#ecb255 ≈ Indian Yellow

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

#ecb255, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %92,55 kırmızı, %69,8 yeşil ve %33,33 maviden oluşur; CMYK baskıda %0 camgöbeği, %24,58 macenta, %63,98 sarı ve %7,45 siyah kullanır. Ton açısı 36,95°, HSL’de doygunluğu %79,89 ve açıklığı %62,94’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 11,07:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Indian Yellow (#e3a857), ΔE 3,38.

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

Tamamlayıcı

  1. #ecb255
  2. #558fec

Bölünmüş tamamlayıcı

  1. #ecb255
  2. #55dbec
  3. #6655ec

Komşu

  1. #ec6655
  2. #ecb255
  3. #dbec55

Üçlü

  1. #ecb255
  2. #55ecb2
  3. #b255ec

Dörtlü

  1. #ecb255
  2. #8fec55
  3. #558fec
  4. #b255ec

Kare

  1. #ecb255
  2. #55ec66
  3. #558fec
  4. #ec55db

Tek renkli

  1. #976411
  2. #dc9119
  3. #ecb255
  4. #f4d19a
  5. #fbf0df

Koyu tonlar

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

  1. #ecb255
  2. #d4a04d
  3. #bd8e44
  4. #a57d3c
  5. #8e6b33
  6. #76592b
  7. #5e4722
  8. #47351a
  9. #2f2411
  10. #181209
  11. #000000

Açık tonlar

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

  1. #ecb255
  2. #eeba66
  3. #f0c177
  4. #f2c988
  5. #f4d199
  6. #f6d9aa
  7. #f7e0bb
  8. #f9e8cc
  9. #fbf0dd
  10. #fdf7ee
  11. #ffffff

Tonlar

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

  1. #ecb255
  2. #e1ad59
  3. #d6a85e
  4. #cca362
  5. #c19e66
  6. #b6996b
  7. #ab946f
  8. #a08f73
  9. #968a77
  10. #8b857c
  11. #808080

Okunaklı metin 1.9:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.07:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bcbcbc Erkeklerin ≈ 0.003% kadarı
Akromatomali #d1b89d Erkeklerin ≈ 0.001% kadarı
Protanopi #c8b44b Erkeklerin ≈ 1.01% kadarı
Döteranopi #d6c258 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffa29d Erkeklerin ≈ 0.0001% kadarı
Protanomali #d7b34f Erkeklerin ≈ 1.08% kadarı
Döteranomali #dfbc57 Erkeklerin ≈ 4.63% kadarı
Tritanomali #f8a986 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#e3a857 Indian Yellow ΔE 3.38 #ffb347 Pastel Orange ΔE 4.22 #ffae42 Yellow Orange ΔE 5.15 #eaa221 Marigold ΔE 5.46 #ffc87c Topaz ΔE 6.08 #e5b73b Meat Brown ΔE 6.12 #daa520 Goldenrod ΔE 6.41 #134daa Ters renk #bcbcbc Gri tonlama 

Indian Yellow
#ecb255  rgb(236, 178, 85)  hsl(37, 80%, 63%)  Indian Yellow
#558fec  rgb(85, 143, 236)  hsl(217, 80%, 63%)  United Nations Blue
#55ecb2  rgb(85, 236, 178)  hsl(157, 80%, 63%)  Aquamarine
#b255ec  rgb(178, 85, 236)  hsl(277, 80%, 63%)  Medium Orchid