LociPix
ブラウザ内処理ブラウザ処理

カラーカード作成

カラーコードを入力して、見やすいカラーカード画像を作成できます。単色・グラデーションに対応し、個別またはまとめてPNG保存できます。

01

カラーを設定

1 / 9
カードの種類
HEXカラー

追加したカラー

02

プレビュー

1 × 1
03

ダウンロード

入力したカラー情報はブラウザ内で処理されます

カラーカードを作成する方法

  1. 01
    カラーを設定

    カラーコードと任意のタイトルを入力し、必要なカラーを追加・編集します。

  2. 02
    プレビュー

    作成したカラーカードを確認します。

  3. 03
    ダウンロード

    選択したカード、まとめPNG、または個別PNGのZIPとして保存します。

主な特徴

単色・グラデーション対応

単色に加え、2〜8色を均等に配置した135度のグラデーションを作成できます。

複数カードをまとめて管理

最大9枚のカードを並び替え、カード数に応じたレイアウトで一覧にできます。

PNG・ZIPで保存

1枚ずつ、全体を1枚にまとめて、または個別PNGをZIPにして保存できます。

カラーカードの用途

デザインで使う色の共有、制作依頼時のカラー指定、ブランドカラーやUIカラーの整理、仕様書・ガイドラインへ掲載するカラー資料の作成などに利用できます。

よくある質問

無料で利用できますか?
無料で利用できます。ログインやソフトのインストールも必要ありません。
入力したカラー情報はサーバーへ送信されますか?
いいえ。タイトルやカラーコードの入力、プレビュー、画像生成はブラウザ内で処理されます。
どのカラーコードに対応していますか?
#RGBと#RRGGBB形式のHEXカラーコードに対応しています。入力後は大文字の#RRGGBB形式に統一されます。
グラデーションは作れますか?
2〜8色のLinear Gradientを作成できます。v1では方向を135度に固定し、各色を均等に配置します。
何枚までカードを作れますか?
最大9枚まで作成できます。追加後はドラッグ、または上へ・下へボタンで並び替えられます。
どの形式で保存できますか?
カラーカードはPNG形式で保存できます。複数の個別PNGはZIP形式でまとめて保存できます。
複数カードを1枚にまとめられますか?
はい。カード数に合わせて自動でレイアウトし、1枚のPNGとして保存できます。
タイトルは必須ですか?
いいえ。タイトルは任意です。未入力の場合もカラーコード付きのカードとして作成できます。