カラーホイール
インタラクティブなカラーホイールツールで、さまざまな配色を探索しましょう。デザイナー、アーティスト、色彩愛好家、どなたでもプロジェクトに最適なパレットが見つかります。
ベースカラー
ホイールをクリックしてベースカラーを選択
#195DE6
80%
50%
カラー情報
#195DE6
色相220°
彩度80%
明度50%
RGB25, 93, 230
生成されたパレット
補色 — 選択したモードに基づいて自動生成された調和のとれた配色
#195DE6
#E6A219
ベース
#195DE6
補色
#E6A219
CSS変数
コピーしてスタイルシートに貼り付けるだけ
:root {
--color-complementary-1: #195DE6;
--color-complementary-2: #E6A219;
}色彩理論の基礎