Metin ve arka planın okunabilirliği — sarı #F2D569 ve kırmızı-mor Renkler #720E65

İyi bir metin okunabilirliği için arka plan rengi ve metin kontrastı kombinasyonu.

Bu bir pangram

Pijamalı hasta yağız şoföre çabucak güvendi.

  • Light
  • Regular
  • Medium
  • Bold
Az
{{contrast}}:1

{{ textcolor }}

  • RGB {{ toRGB(textcolor) }}
  • CMYK {{ toCMYK(textcolor) }}
  • HSL {{ toHSL(textcolor) }}

{{ bgcolor }}

  • RGB {{ toRGB(bgcolor) }}
  • CMYK {{ toCMYK(bgcolor) }}
  • HSL {{ toHSL(bgcolor) }}

Renk kontrastı — {{contrast}}:1

Başlığa uygun!
Başlık için uygun değil!
AA — 3.1:1
AAA — 4.5:1
Açıklama için Suitable>uygun!
Açıklama için uygun değil!
AA — 4.5:1
AAA — 7.1:1

{{textcolor}}

Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Button
Button

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

{{bgcolor}}

Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Button
Button

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Benzer setler 🧁

Merhaba,
sizi gördüğüme sevindim!

google login
github white login github black login
yandex login

Şifrenizi mi unuttunuz?

Üye olurken kullandığınız e-posta adresini girin, size şifrenizi sıfırlamanız için talimatlar göndereceğiz.

Yeni bir
hesap oluşturun

Parola uyuşmazlığı

Herhangi bir fikriniz veya öneriniz var mı? 💡

Bize yazın, bunları uygulamaya veya hataları düzeltmeye çalışalım. Google Form

Mesh Gradyanları ile Tanışın

Size mesh gradyan jeneratörü ve yeni bir mesh kütüphanesi ekledik, kendi gradyanlarınızla zenginleştirebilirsiniz. Şimdi güzel soyut gradyanlar oluşturabilir, indirebilir, CSS kodlarını kopyalayabilir, kişisel panelinize kaydedebilir ve genel kütüphaneye ekleyebilirsiniz.

Yakında radyal gradyan jeneratörü de ekleyeceğiz!

Örgü Gradyanları