ColorTool
Giriş yap
#F2AE10

#f2ae10 ≈ Marigold

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

#f2ae10, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %94,9 kırmızı, %68,24 yeşil ve %6,27 maviden oluşur; CMYK baskıda %0 camgöbeği, %28,1 macenta, %93,39 sarı ve %5,1 siyah kullanır. Ton açısı 41,95°, HSL’de doygunluğu %89,68 ve açıklığı %50,59’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,84:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Marigold (#eaa221), ΔE 4,11.

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

Tamamlayıcı

  1. #f2ae10
  2. #1054f2

Bölünmüş tamamlayıcı

  1. #f2ae10
  2. #10c5f2
  3. #3d10f2

Komşu

  1. #f23d10
  2. #f2ae10
  3. #c5f210

Üçlü

  1. #f2ae10
  2. #10f2ae
  3. #ae10f2

Dörtlü

  1. #f2ae10
  2. #54f210
  3. #1054f2
  4. #ae10f2

Kare

  1. #f2ae10
  2. #10f23d
  3. #1054f2
  4. #f210c5

Tek renkli

  1. #644705
  2. #ac7b09
  3. #f2ae10
  4. #f6c759
  5. #fadfa1

Koyu tonlar

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

  1. #f2ae10
  2. #da9d0e
  3. #c28b0d
  4. #a97a0b
  5. #91680a
  6. #795708
  7. #614606
  8. #493405
  9. #302303
  10. #181102
  11. #000000

Açık tonlar

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

  1. #f2ae10
  2. #f3b628
  3. #f5be40
  4. #f6c658
  5. #f7ce70
  6. #f9d788
  7. #fadf9f
  8. #fbe7b7
  9. #fcefcf
  10. #fef7e7
  11. #ffffff

Tonlar

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

  1. #f2ae10
  2. #e7a91b
  3. #dba526
  4. #d0a032
  5. #c49c3d
  6. #b99748
  7. #ae9253
  8. #a28e5e
  9. #97896a
  10. #8b8575
  11. #808080

Okunaklı metin 1.94:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.84:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bababa Erkeklerin ≈ 0.003% kadarı
Akromatomali #d3b594 Erkeklerin ≈ 0.001% kadarı
Protanopi #c8b000 Erkeklerin ≈ 1.01% kadarı
Döteranopi #d8c11e Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff9a95 Erkeklerin ≈ 0.0001% kadarı
Protanomali #daaf00 Erkeklerin ≈ 1.08% kadarı
Döteranomali #e3ba19 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ffa376 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#eaa221 Marigold ΔE 4.11 #daa520 Goldenrod ΔE 4.77 #ffbf00 Amber ΔE 4.78 #e49b0f Gamboge ΔE 5.57 #ffa500 Orange ΔE 5.58 #e5b73b Meat Brown ΔE 5.59 #ffb347 Pastel Orange ΔE 5.65 #0d51ef Ters renk #bababa Gri tonlama 

Marigold
#f2ae10  rgb(242, 174, 16)  hsl(42, 90%, 51%)  Marigold
#1054f2  rgb(16, 84, 242)  hsl(222, 90%, 51%)  Ultramarine Blue
#10f2ae  rgb(16, 242, 174)  hsl(162, 90%, 51%)  Medium Spring Green
#ae10f2  rgb(174, 16, 242)  hsl(282, 90%, 51%)  Vivid Violet