ColorTool
Giriş yap
#F27313

#f27313 ≈ Pumpkin

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

#f27313, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %94,9 kırmızı, %45,1 yeşil ve %7,45 maviden oluşur; CMYK baskıda %0 camgöbeği, %52,48 macenta, %92,15 sarı ve %5,1 siyah kullanır. Ton açısı 25,83°, HSL’de doygunluğu %89,56 ve açıklığı %51,18’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 ve gıda markaları ve restoranlar için kullanır. Bu renk üzerinde siyah metin 7,24:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Pumpkin (#ff7518), ΔE 2,53.

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

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

Tamamlayıcı

  1. #f27313
  2. #1392f2

Bölünmüş tamamlayıcı

  1. #f27313
  2. #13f2e3
  3. #1323f2

Komşu

  1. #f21323
  2. #f27313
  3. #f2e313

Üçlü

  1. #f27313
  2. #13f273
  3. #7313f2

Dörtlü

  1. #f27313
  2. #92f213
  3. #1392f2
  4. #7313f2

Kare

  1. #f27313
  2. #23f213
  3. #1392f2
  4. #e313f2

Tek renkli

  1. #662f06
  2. #af510a
  3. #f27313
  4. #f69e5c
  5. #fac9a4

Koyu tonlar

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

  1. #f27313
  2. #da6811
  3. #c25c0f
  4. #a9510d
  5. #91450b
  6. #793a0a
  7. #612e08
  8. #492306
  9. #301704
  10. #180c02
  11. #000000

Açık tonlar

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

  1. #f27313
  2. #f3812b
  3. #f58f42
  4. #f69d5a
  5. #f7ab71
  6. #f9b989
  7. #fac7a1
  8. #fbd5b8
  9. #fce3d0
  10. #fef1e7
  11. #ffffff

Tonlar

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

  1. #f27313
  2. #e7741e
  3. #db7629
  4. #d07734
  5. #c4783f
  6. #b97a4a
  7. #ae7b54
  8. #a27c5f
  9. #977d6a
  10. #8b7f75
  11. #808080

Okunaklı metin 2.9:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.24:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #989898 Erkeklerin ≈ 0.003% kadarı
Akromatomali #c28a79 Erkeklerin ≈ 0.001% kadarı
Protanopi #988600 Erkeklerin ≈ 1.01% kadarı
Döteranopi #b7a30a Erkeklerin ≈ 1.27% kadarı
Tritanopi #ff5563 Erkeklerin ≈ 0.0001% kadarı
Protanomali #c37f00 Erkeklerin ≈ 1.08% kadarı
Döteranomali #d1920e Erkeklerin ≈ 4.63% kadarı
Tritanomali #ff624f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-f27313 {
  color: #f27313;
}
Arka plan
.bg-f27313 {
  background-color: #f27313;
  color: #000000;
}
Kenarlık
.border-f27313 {
  border: 2px solid #f27313;
}
CSS değişkenleri
:root {
  --color-primary: #f27313;
  --color-primary-rgb: 242 115 19;
  --color-primary-hsl: 26 90% 51%;
}
Geçiş
.gradient-f27313 {
  background: linear-gradient(135deg, #f27313, #f2e313);
}
Renkli gölge
.shadow-f27313 {
  box-shadow: 0 8px 24px rgb(242 115 19 / 0.35);
}

#ff7518 Pumpkin ΔE 2.53 #ed872d Cadmium Orange ΔE 5.59 #ff8243 Mango Tango ΔE 6.20 #d2691e Chocolate ΔE 6.62 #f28500 Tangerine ΔE 6.83 #ec5800 Persimmon ΔE 6.98 #cc7722 Ochre ΔE 8.14 #0d8cec Ters renk #989898 Gri tonlama 

Pumpkin
#f27313  rgb(242, 115, 19)  hsl(26, 90%, 51%)  Pumpkin
#1392f2  rgb(19, 146, 242)  hsl(206, 90%, 51%)  Dodger Blue
#13f273  rgb(19, 242, 115)  hsl(146, 90%, 51%)  Spring Green
#7313f2  rgb(115, 19, 242)  hsl(266, 90%, 51%)  Electric Indigo