ColorTool
Giriş yap
#3333DF

#3333df ≈ Han Purple

  • mavi
  • Açıklık: orta
  • Doygunluk: güçlü
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#3333df, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %20 kırmızı, %20 yeşil ve %87,45 maviden oluşur; CMYK baskıda %77,13 camgöbeği, %77,13 macenta, %0 sarı ve %12,55 siyah kullanır. Ton açısı 240°, HSL’de doygunluğu %72,88 ve açıklığı %53,73’dir. Soğuk bir renktir ve çoğunlukla güven, istikrar ve odak ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 7,84:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Han Purple (#5218fa), ΔE 5,12.

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

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

Tamamlayıcı

  1. #3333df
  2. #dfdf33

Bölünmüş tamamlayıcı

  1. #3333df
  2. #df8933
  3. #89df33

Komşu

  1. #3389df
  2. #3333df
  3. #8933df

Üçlü

  1. #3333df
  2. #df3333
  3. #33df33

Dörtlü

  1. #3333df
  2. #df33df
  3. #dfdf33
  4. #33df33

Kare

  1. #3333df
  2. #df3389
  3. #dfdf33
  4. #33df89

Tek renkli

  1. #101069
  2. #1b1bab
  3. #3333df
  4. #7575e9
  5. #b7b7f4

Koyu tonlar

#3333df kademeli olarak siyahla karıştırıldı.

  1. #3333df
  2. #2e2ec9
  3. #2929b2
  4. #24249c
  5. #1f1f86
  6. #1a1a70
  7. #141459
  8. #0f0f43
  9. #0a0a2d
  10. #050516
  11. #000000

Açık tonlar

#3333df kademeli olarak beyazla karıştırıldı.

  1. #3333df
  2. #4747e2
  3. #5c5ce5
  4. #7070e9
  5. #8585ec
  6. #9999ef
  7. #adadf2
  8. #c2c2f5
  9. #d6d6f9
  10. #ebebfc
  11. #ffffff

Tonlar

#3333df kademeli olarak griyle karıştırıldı.

  1. #3333df
  2. #3b3bd6
  3. #4242cc
  4. #4a4ac3
  5. #5252b9
  6. #5a5ab0
  7. #6161a6
  8. #69699d
  9. #717193
  10. #78788a
  11. #808080

Okunaklı metin 7.84:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.68:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #525252 Erkeklerin ≈ 0.003% kadarı
Akromatomali #47479f Erkeklerin ≈ 0.001% kadarı
Protanopi #005ae4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #0049dc Erkeklerin ≈ 1.27% kadarı
Tritanopi #006888 Erkeklerin ≈ 0.0001% kadarı
Protanomali #004de2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #0041dd Erkeklerin ≈ 4.63% kadarı
Tritanomali #0057b2 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#5218fa Han Purple ΔE 5.12 #3f00ff Ultramarine ΔE 5.47 #0000ff Blue ΔE 5.51 #1c39bb Persian Blue ΔE 5.55 #4f42b5 Ocean Blue ΔE 6.41 #5a4fcf Iris ΔE 7.67 #6f00ff Electric Indigo ΔE 7.88 #cccc20 Ters renk #525252 Gri tonlama 

Han Purple
#3333df  rgb(51, 51, 223)  hsl(240, 73%, 54%)  Han Purple
#dfdf33  rgb(223, 223, 51)  hsl(60, 73%, 54%)  Pear
#df3333  rgb(223, 51, 51)  hsl(0, 73%, 54%)  Cinnabar
#33df33  rgb(51, 223, 51)  hsl(120, 73%, 54%)  Malachite