ColorTool
Giriş yap
#FB4B20

#fb4b20 ≈ Coquelicot

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

#fb4b20, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %98,43 kırmızı, %29,41 yeşil ve %12,55 maviden oluşur; CMYK baskıda %0 camgöbeği, %70,12 macenta, %87,25 sarı ve %1,57 siyah kullanır. Ton açısı 11,78°, HSL’de doygunluğu %96,48 ve açıklığı %55,49’dir. Sıcak bir renktir ve çoğunlukla enerji, tutku ve aciliyet ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 6,13:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Coquelicot (#ff3800), ΔE 2,55.

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

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

Tamamlayıcı

  1. #fb4b20
  2. #20d0fb

Bölünmüş tamamlayıcı

  1. #fb4b20
  2. #20fbb8
  3. #2063fb

Komşu

  1. #fb2063
  2. #fb4b20
  3. #fbb820

Üçlü

  1. #fb4b20
  2. #20fb4b
  3. #4b20fb

Dörtlü

  1. #fb4b20
  2. #d0fb20
  3. #20d0fb
  4. #4b20fb

Kare

  1. #fb4b20
  2. #63fb20
  3. #20d0fb
  4. #b820fb

Tek renkli

  1. #801b02
  2. #cb2b04
  3. #fb4b20
  4. #fc886b
  5. #fec4b6

Koyu tonlar

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

  1. #fb4b20
  2. #e2441d
  3. #c93c1a
  4. #b03516
  5. #972d13
  6. #7e2610
  7. #641e0d
  8. #4b170a
  9. #320f06
  10. #190803
  11. #000000

Açık tonlar

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

  1. #fb4b20
  2. #fb5d36
  3. #fc6f4d
  4. #fc8163
  5. #fd9379
  6. #fda590
  7. #fdb7a6
  8. #fec9bc
  9. #fedbd2
  10. #ffede9
  11. #ffffff

Tonlar

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

  1. #fb4b20
  2. #ef502a
  3. #e25633
  4. #d65b3d
  5. #ca6046
  6. #be6650
  7. #b16b5a
  8. #a57063
  9. #99756d
  10. #8c7b76
  11. #808080

Okunaklı metin 3.43:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.13:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #8b8b8b Erkeklerin ≈ 0.003% kadarı
Akromatomali #c2766f Erkeklerin ≈ 0.001% kadarı
Protanopi #817216 Erkeklerin ≈ 1.01% kadarı
Döteranopi #ac9911 Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff0044 Erkeklerin ≈ 0.0001% kadarı
Protanomali #be641a Erkeklerin ≈ 1.08% kadarı
Döteranomali #d08118 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ff2a39 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-fb4b20 {
  color: #fb4b20;
}
Arka plan
.bg-fb4b20 {
  background-color: #fb4b20;
  color: #000000;
}
Kenarlık
.border-fb4b20 {
  border: 2px solid #fb4b20;
}
CSS değişkenleri
:root {
  --color-primary: #fb4b20;
  --color-primary-rgb: 251 75 32;
  --color-primary-hsl: 12 96% 55%;
}
Geçiş
.gradient-fb4b20 {
  background: linear-gradient(135deg, #fb4b20, #fbb820);
}
Renkli gölge
.shadow-fb4b20 {
  box-shadow: 0 8px 24px rgb(251 75 32 / 0.35);
}

#ff3800 Coquelicot ΔE 2.55 #ff4500 Orange Red ΔE 2.70 #ff2800 Ferrari Red ΔE 3.70 #f94d00 Tangelo ΔE 3.73 #ff4f00 International Orange ΔE 3.96 #ff2400 Scarlet ΔE 4.00 #e25822 Flame ΔE 4.92 #04b4df Ters renk #8b8b8b Gri tonlama 

Coquelicot
#fb4b20  rgb(251, 75, 32)  hsl(12, 96%, 55%)  Coquelicot
#20d0fb  rgb(32, 208, 251)  hsl(192, 96%, 55%)  Sky Blue
#20fb4b  rgb(32, 251, 75)  hsl(132, 96%, 55%)  Lime
#4b20fb  rgb(75, 32, 251)  hsl(252, 96%, 55%)  Han Purple