配色パレットの作成

基本の色から、補色・類似色・トライアド・明暗のグラデーションなど、相性のよい配色パレットを作成します。

基本の色
-
色 2
-
色 3
-
色 4
-
色 5
-

※ 下の表は、各色の明るい色（背景向き）と暗い色（文字向き）です。

最終更新 2026-11-04

関連ツール

Web制作・SNS カラーコードの変換（HEX・RGB・HSL） カラーコード（#1d4ed8）・RGB・HSL・色名を相互に変換し、色見本と、明るく・暗くした色も表示します。 作成・生成 グラデーションの CSS 作成 2〜3色と角度を指定して、CSS の linear-gradient・radial-gradient を作成し、プレビューを表示します。 作成・生成 QR コードの読み取り（画像から） QR コードが写った画像やスクリーンショットを読み込むと、中身（URL・文章）を表示します。カメラは使わず、画像は送信しません。 作成・生成 QR コード作成 URL や文章から QR コードを作成し、SVG 画像で保存できます。誤り訂正レベルも選べます。入力した内容は外部に送信されません。