文字や背景の読みやすさ — 碧い #1AE803 と ネービー・ブルー カラー #1B2C97

コントラストによる背景色と文字色のマッチングで、文字の読みやすさを追求。.

本文のタイトル

愛してはその醜を忘れる。

  • Light
  • Regular
  • Medium
  • Bold
言葉
{{contrast}}:1

{{ textcolor }}

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

{{ bgcolor }}

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

カラーコントラスト — {{contrast}}:1

見出しにふさわしい色であること
見出しに適した色でない
AA — 3.1:1
AAA — 4.5:1
文字色に適した色
本文に適した色ではありません
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.

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.

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.

色で選ぶ類似品 🧁

こんにちは、
お久しぶりです。

パスワードをお忘れの方

登録時に使用したEメールアドレスを入力すると、パスワードの変更方法をお知らせします。

新規アカウント登録

パスワードが一致しない

メッシュグラデーションをご覧ください

メッシュグラデーションジェネレーターと新しいメッシュライブラリを追加しました。これにより、美しい抽象的なグラデーションを作成し、ダウンロードし、そのCSSコードをコピーし、個人ダッシュボードに保存し、公共ライブラリに追加できます。

近日中に放射状グラデーションジェネレーターを追加します!

メッシュグラデーション