ColorTool
Giriş yap
#F3D18E

#f3d18e ≈ Sunset

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

#f3d18e, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %95,29 kırmızı, %81,96 yeşil ve %55,69 maviden oluşur; CMYK baskıda %0 camgöbeği, %13,99 macenta, %41,56 sarı ve %4,71 siyah kullanır. Ton açısı 39,8°, HSL’de doygunluğu %80,8 ve açıklığı %75,49’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 14,32:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Sunset (#fad6a5), ΔE 4,73.

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

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

Tamamlayıcı

  1. #f3d18e
  2. #8eb0f3

Bölünmüş tamamlayıcı

  1. #f3d18e
  2. #8ee3f3
  3. #9e8ef3

Komşu

  1. #f39e8e
  2. #f3d18e
  3. #e3f38e

Üçlü

  1. #f3d18e
  2. #8ef3d1
  3. #d18ef3

Dörtlü

  1. #f3d18e
  2. #b0f38e
  3. #8eb0f3
  4. #d18ef3

Kare

  1. #f3d18e
  2. #8ef39e
  3. #8eb0f3
  4. #f38ee3

Tek renkli

  1. #d29316
  2. #ecb549
  3. #f3d18e
  4. #faedd3
  5. #fdf7ed

Koyu tonlar

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

  1. #f3d18e
  2. #dbbc80
  3. #c2a772
  4. #aa9263
  5. #927d55
  6. #7a6947
  7. #615439
  8. #493f2b
  9. #312a1c
  10. #18150e
  11. #000000

Açık tonlar

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

  1. #f3d18e
  2. #f4d699
  3. #f5daa5
  4. #f7dfb0
  5. #f8e3bb
  6. #f9e8c7
  7. #faedd2
  8. #fbf1dd
  9. #fdf6e8
  10. #fefaf4
  11. #ffffff

Tonlar

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

  1. #f3d18e
  2. #e8c98d
  3. #dcc18b
  4. #d1b98a
  5. #c5b188
  6. #baa987
  7. #aea086
  8. #a39884
  9. #979083
  10. #8c8881
  11. #808080

Okunaklı metin 1.47:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 14.32:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d5d5d5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #e2d3bd Erkeklerin ≈ 0.001% kadarı
Protanopi #e1d089 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e9d990 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffc6c0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #e8d08b Erkeklerin ≈ 1.08% kadarı
Döteranomali #edd68f Erkeklerin ≈ 4.63% kadarı
Tritanomali #fccaae Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f3d18e {
  color: #f3d18e;
}
Arka plan
.bg-f3d18e {
  background-color: #f3d18e;
  color: #000000;
}
Kenarlık
.border-f3d18e {
  border: 2px solid #f3d18e;
}
CSS değişkenleri
:root {
  --color-primary: #f3d18e;
  --color-primary-rgb: 243 209 142;
  --color-primary-hsl: 40 81% 75%;
}
Geçiş
.gradient-f3d18e {
  background: linear-gradient(135deg, #f3d18e, #e3f38e);
}
Renkli gölge
.shadow-f3d18e {
  box-shadow: 0 8px 24px rgb(243 209 142 / 0.35);
}

#fad6a5 Sunset ΔE 4.73 #ffdead Navajo White ΔE 5.18 #ffc87c Topaz ΔE 5.67 #ffe5b4 Peach ΔE 6.01 #ffe4b5 Moccasin ΔE 6.16 #f5deb3 Wheat ΔE 6.30 #f8de7e Jasmine ΔE 6.50 #0c2e71 Ters renk #d5d5d5 Gri tonlama 

Sunset
#f3d18e  rgb(243, 209, 142)  hsl(40, 81%, 75%)  Sunset
#8eb0f3  rgb(142, 176, 243)  hsl(220, 81%, 75%)  Iceberg
#8ef3d1  rgb(142, 243, 209)  hsl(160, 81%, 75%)  Aquamarine
#d18ef3  rgb(209, 142, 243)  hsl(280, 81%, 75%)  Violet