ColorTool
Giriş yap
#F0DD33

#f0dd33 ≈ Dandelion

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

#f0dd33, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %94,12 kırmızı, %86,67 yeşil ve %20 maviden oluşur; CMYK baskıda %0 camgöbeği, %7,92 macenta, %78,75 sarı ve %5,88 siyah kullanır. Ton açısı 53,97°, HSL’de doygunluğu %86,3 ve açıklığı %57,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 15,1:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Dandelion (#f0e130), ΔE 1,26.

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

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

Tamamlayıcı

  1. #f0dd33
  2. #3346f0

Bölünmüş tamamlayıcı

  1. #f0dd33
  2. #33a4f0
  3. #7f33f0

Komşu

  1. #f07f33
  2. #f0dd33
  3. #a4f033

Üçlü

  1. #f0dd33
  2. #33f0dd
  3. #dd33f0

Dörtlü

  1. #f0dd33
  2. #46f033
  3. #3346f0
  4. #dd33f0

Kare

  1. #f0dd33
  2. #33f07f
  3. #3346f0
  4. #f033a4

Tek renkli

  1. #817509
  2. #c8b50f
  3. #f0dd33
  4. #f5e97a
  5. #faf5c2

Koyu tonlar

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

  1. #f0dd33
  2. #d8c72e
  3. #c0b129
  4. #a89b24
  5. #90851f
  6. #786f1a
  7. #605814
  8. #48420f
  9. #302c0a
  10. #181605
  11. #000000

Açık tonlar

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

  1. #f0dd33
  2. #f2e047
  3. #f3e45c
  4. #f5e770
  5. #f6eb85
  6. #f8ee99
  7. #f9f1ad
  8. #fbf5c2
  9. #fcf8d6
  10. #fefceb
  11. #ffffff

Tonlar

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

  1. #f0dd33
  2. #e5d43b
  3. #daca42
  4. #cec14a
  5. #c3b852
  6. #b8af5a
  7. #ada561
  8. #a29c69
  9. #969371
  10. #8b8978
  11. #808080

Okunaklı metin 1.39:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 15.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #dbdbdb Erkeklerin ≈ 0.003% kadarı
Akromatomali #e3dcb0 Erkeklerin ≈ 0.001% kadarı
Protanopi #f2d600 Erkeklerin ≈ 1.01% kadarı
Döteranopi #f8de41 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ffcdbe Erkeklerin ≈ 0.0001% kadarı
Protanomali #f1d91b Erkeklerin ≈ 1.08% kadarı
Döteranomali #f5de3c Erkeklerin ≈ 4.63% kadarı
Tritanomali #fbd49a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#f0e130 Dandelion ΔE 1.26 #ffe135 Banana Yellow ΔE 2.94 #e4d00a Citrine ΔE 3.12 #eee600 Titanium Yellow ΔE 3.51 #ffdf00 Golden Yellow ΔE 3.75 #fdee00 Aureolin ΔE 4.43 #ffef00 Canary Yellow ΔE 4.63 #0f22cc Ters renk #dbdbdb Gri tonlama 

Dandelion
#f0dd33  rgb(240, 221, 51)  hsl(54, 86%, 57%)  Dandelion
#3346f0  rgb(51, 70, 240)  hsl(234, 86%, 57%)  Majorelle Blue
#33f0dd  rgb(51, 240, 221)  hsl(174, 86%, 57%)  Bright Turquoise
#dd33f0  rgb(221, 51, 240)  hsl(294, 86%, 57%)  Fuchsia