カラーパレット

このブラウザ内で処理

テキスト上限: 2000000 文字

このツールは入力をアップロードしません。

#2981aergb(41, 129, 174)
#2c43d8rgb(44, 67, 216)
#894be7rgb(137, 75, 231)
#b12abbrgb(177, 42, 187)
#dc388frgb(220, 56, 143)

モックの色候補です。読みやすさの比はコントラストチェックへ。

ランディングの仮配色、スライドのアクセント——候補です。ブランドガイドの完成品でも、印刷の特色でもありません。本文色はコントラストチェックで比を見てください。

画像のスポイトは画像から色を取る。背景のグラデはCSSグラデーションです。

モックで使うとき

社内提案の「この青でよいか」を、いくつか並べる用途です。アクセシビリティの適合宣言には使いません。HEXをコピーしたら、本文と背景の組み合わせを比で確認してください。

使い方

  1. 起点の色を入れます。
  2. 候補を見ます。
  3. 使う組み合わせをコントラストチェックへ。

規定にしないこと

CIS、印刷校正、アクセシビリティ認証ではありません。影はボックスシャドウです。

よくある質問

ブランドカラーの公式ですか?

候補です。企業の規定色が正です。

コントラストは保証されますか?

されません。コントラストチェックで測ってください。

画像から色を取れますか?

画像から色を取るへ。

グラデーションは?

CSSグラデーションへ。

印刷のCMYKは?

画面のRGB寄りです。印刷の特色保証ではありません。

関連ツール