ColorTool
Giriş yap
#F0CC7F

#f0cc7f ≈ Topaz

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

#f0cc7f, “sarı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %94,12 kırmızı, %80 yeşil ve %49,8 maviden oluşur; CMYK baskıda %0 camgöbeği, %15 macenta, %47,08 sarı ve %5,88 siyah kullanır. Ton açısı 40,88°, HSL’de doygunluğu %79,02 ve açıklığı %71,96’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 13,65:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Topaz (#ffc87c), ΔE 5,46.

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

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

Tamamlayıcı

  1. #f0cc7f
  2. #7fa3f0

Bölünmüş tamamlayıcı

  1. #f0cc7f
  2. #7fdcf0
  3. #937ff0

Komşu

  1. #f0937f
  2. #f0cc7f
  3. #dcf07f

Üçlü

  1. #f0cc7f
  2. #7ff0cc
  3. #cc7ff0

Dörtlü

  1. #f0cc7f
  2. #a3f07f
  3. #7fa3f0
  4. #cc7ff0

Kare

  1. #f0cc7f
  2. #7ff093
  3. #7fa3f0
  4. #f07fdc

Tek renkli

  1. #c08a16
  2. #e8b13b
  3. #f0cc7f
  4. #f8e7c3
  5. #fdf8ed

Koyu tonlar

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

  1. #f0cc7f
  2. #d8b872
  3. #c0a366
  4. #a88f59
  5. #907a4c
  6. #786640
  7. #605233
  8. #483d26
  9. #302919
  10. #18140d
  11. #000000

Açık tonlar

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

  1. #f0cc7f
  2. #f2d18c
  3. #f3d699
  4. #f5dba5
  5. #f6e0b2
  6. #f8e6bf
  7. #f9ebcc
  8. #fbf0d9
  9. #fcf5e5
  10. #fefaf2
  11. #ffffff

Tonlar

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

  1. #f0cc7f
  2. #e5c47f
  3. #dabd7f
  4. #ceb57f
  5. #c3ae7f
  6. #b8a680
  7. #ad9e80
  8. #a29780
  9. #968f80
  10. #8b8880
  11. #808080

Okunaklı metin 1.54:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 13.65:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d0d0d0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #decfb5 Erkeklerin ≈ 0.001% kadarı
Protanopi #ddcb79 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e6d481 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffc0b9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #e5cb7b Erkeklerin ≈ 1.08% kadarı
Döteranomali #ead180 Erkeklerin ≈ 4.63% kadarı
Tritanomali #fac5a5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#ffc87c Topaz ΔE 5.46 #f8de7e Jasmine ΔE 5.92 #f0dc82 Buff ΔE 6.27 #eedc82 Flax ΔE 6.69 #fad6a5 Sunset ΔE 6.76 #ffdead Navajo White ΔE 7.35 #fada5e Naples Yellow ΔE 7.65 #0f3380 Ters renk #d0d0d0 Gri tonlama 

Topaz
#f0cc7f  rgb(240, 204, 127)  hsl(41, 79%, 72%)  Topaz
#7fa3f0  rgb(127, 163, 240)  hsl(221, 79%, 72%)  Cornflower Blue
#7ff0cc  rgb(127, 240, 204)  hsl(161, 79%, 72%)  Aquamarine
#cc7ff0  rgb(204, 127, 240)  hsl(281, 79%, 72%)  Heliotrope