ColorTool
Giriş yap
#FFF383

#fff383 ≈ Pastel Yellow

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

#fff383, “sarı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %100 kırmızı, %95,29 yeşil ve %51,37 maviden oluşur; CMYK baskıda %0 camgöbeği, %4,71 macenta, %48,63 sarı ve %0 siyah kullanır. Ton açısı 54,19°, HSL’de doygunluğu %100 ve açıklığı %75,69’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 18,4:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pastel Yellow (#fdfd96), ΔE 3,8.

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

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

Tamamlayıcı

  1. #fff383
  2. #838fff

Bölünmüş tamamlayıcı

  1. #fff383
  2. #83cdff
  3. #b583ff

Komşu

  1. #ffb583
  2. #fff383
  3. #cdff83

Üçlü

  1. #fff383
  2. #83fff3
  3. #f383ff

Dörtlü

  1. #fff383
  2. #8fff83
  3. #838fff
  4. #f383ff

Kare

  1. #fff383
  2. #83ffb5
  3. #838fff
  4. #ff83cd

Tek renkli

  1. #e9d200
  2. #ffec37
  3. #fff383
  4. #fffad0
  5. #fffdeb

Koyu tonlar

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

  1. #fff383
  2. #e6db76
  3. #ccc269
  4. #b3aa5c
  5. #99924f
  6. #807a42
  7. #666134
  8. #4d4927
  9. #33311a
  10. #1a180d
  11. #000000

Açık tonlar

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

  1. #fff383
  2. #fff48f
  3. #fff59c
  4. #fff7a8
  5. #fff8b5
  6. #fff9c1
  7. #fffacd
  8. #fffbda
  9. #fffde6
  10. #fffef3
  11. #ffffff

Tonlar

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

  1. #fff383
  2. #f2e883
  3. #e6dc82
  4. #d9d182
  5. #ccc582
  6. #c0ba82
  7. #b3ae81
  8. #a6a381
  9. #999781
  10. #8d8c80
  11. #808080

Okunaklı metin 1.14:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 18.4:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #f0f0f0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #f6f1cd Erkeklerin ≈ 0.001% kadarı
Protanopi #ffec79 Erkeklerin ≈ 1.01% kadarı
Döteranopi #fff388 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffe6d9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #ffef7d Erkeklerin ≈ 1.08% kadarı
Döteranomali #fff386 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ffebbd Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#fdfd96 Pastel Yellow ΔE 3.80 #f0e68c Khaki ΔE 4.10 #fcf75e Icterine ΔE 4.65 #ffff66 Laser Lemon ΔE 5.33 #eedc82 Flax ΔE 5.72 #e4d96f Straw ΔE 5.72 #f0dc82 Buff ΔE 5.86 #000c7c Ters renk #f0f0f0 Gri tonlama 

Pastel Yellow
#fff383  rgb(255, 243, 131)  hsl(54, 100%, 76%)  Pastel Yellow
#838fff  rgb(131, 143, 255)  hsl(234, 100%, 76%)  Cornflower Blue
#83fff3  rgb(131, 255, 243)  hsl(174, 100%, 76%)  Turquoise Blue
#f383ff  rgb(243, 131, 255)  hsl(294, 100%, 76%)  Fuchsia Pink