ColorTool
Giriş yap
#F0A600

#f0a600 ≈ Marigold

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

#f0a600, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %94,12 kırmızı, %65,1 yeşil ve %0 maviden oluşur; CMYK baskıda %0 camgöbeği, %30,83 macenta, %100 sarı ve %5,88 siyah kullanır. Ton açısı 41,5°, HSL’de doygunluğu %100 ve açıklığı %47,06’dir. Sıcak bir renktir ve çoğunlukla iyimserlik, dikkat ve neşe ile ilişkilendirilir. Tasarımcılar onu genellikle vurgular ve uyarılar, çocuk ürünleri ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 10,16:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Marigold (#eaa221), ΔE 2,17.

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

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

Tamamlayıcı

  1. #f0a600
  2. #004af0

Bölünmüş tamamlayıcı

  1. #f0a600
  2. #00c2f0
  3. #2e00f0

Komşu

  1. #f02e00
  2. #f0a600
  3. #c2f000

Üçlü

  1. #f0a600
  2. #00f0a6
  3. #a600f0

Dörtlü

  1. #f0a600
  2. #4af000
  3. #004af0
  4. #a600f0

Kare

  1. #f0a600
  2. #00f02e
  3. #004af0
  4. #f000c2

Tek renkli

  1. #573c00
  2. #a47100
  3. #f0a600
  4. #ffc33e
  5. #ffdb8a

Koyu tonlar

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

  1. #f0a600
  2. #d89500
  3. #c08500
  4. #a87400
  5. #906400
  6. #785300
  7. #604200
  8. #483200
  9. #302100
  10. #181100
  11. #000000

Açık tonlar

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

  1. #f0a600
  2. #f2af1a
  3. #f3b833
  4. #f5c14d
  5. #f6ca66
  6. #f8d380
  7. #f9db99
  8. #fbe4b3
  9. #fcedcc
  10. #fef6e6
  11. #ffffff

Tonlar

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

  1. #f0a600
  2. #e5a20d
  3. #da9e1a
  4. #ce9b26
  5. #c39733
  6. #b89340
  7. #ad8f4d
  8. #a28b5a
  9. #968866
  10. #8b8473
  11. #808080

Okunaklı metin 2.07:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.16:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b4b4b4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #cfaf8f Erkeklerin ≈ 0.001% kadarı
Protanopi #c1aa00 Erkeklerin ≈ 1.01% kadarı
Döteranopi #d3bc12 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff928d Erkeklerin ≈ 0.0001% kadarı
Protanomali #d6a800 Erkeklerin ≈ 1.08% kadarı
Döteranomali #dfb30c Erkeklerin ≈ 4.63% kadarı
Tritanomali #fe9a70 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f0a600 {
  color: #f0a600;
}
Arka plan
.bg-f0a600 {
  background-color: #f0a600;
  color: #000000;
}
Kenarlık
.border-f0a600 {
  border: 2px solid #f0a600;
}
CSS değişkenleri
:root {
  --color-primary: #f0a600;
  --color-primary-rgb: 240 166 0;
  --color-primary-hsl: 42 100% 47%;
}
Geçiş
.gradient-f0a600 {
  background: linear-gradient(135deg, #f0a600, #c2f000);
}
Renkli gölge
.shadow-f0a600 {
  box-shadow: 0 8px 24px rgb(240 166 0 / 0.35);
}

#eaa221 Marigold ΔE 2.17 #e49b0f Gamboge ΔE 3.44 #ffa500 Orange ΔE 3.87 #daa520 Goldenrod ΔE 5.18 #ffb347 Pastel Orange ΔE 5.45 #ff9f00 Orange Peel ΔE 5.55 #ffae42 Yellow Orange ΔE 5.62 #0f59ff Ters renk #b4b4b4 Gri tonlama 

Marigold
#f0a600  rgb(240, 166, 0)  hsl(42, 100%, 47%)  Marigold
#004af0  rgb(0, 74, 240)  hsl(222, 100%, 47%)  Iris
#00f0a6  rgb(0, 240, 166)  hsl(162, 100%, 47%)  Medium Spring Green
#a600f0  rgb(166, 0, 240)  hsl(282, 100%, 47%)  Vivid Violet