ToolShed
ホーム
ツール一覧
読み込み中...
ホーム
カラー・デザイン
配色理論ツール
カラー・デザイン
無料・登録不要
配色理論ツール
補色・類似色・トライアド等
Harmony:
Random
Complementary
Analogous
Triadic
Split-complementary
Generate
or press Space
#C54326
#DE834F
#65CF44
#D935DE
#30BB9A
#C54326
rgb(197, 67, 38)
HEX
RGB
#DE834F
rgb(222, 131, 79)
HEX
RGB
#65CF44
rgb(101, 207, 68)
HEX
RGB
#D935DE
rgb(217, 53, 222)
HEX
RGB
#30BB9A
rgb(48, 187, 154)
HEX
RGB
よくある質問
配色の基本的な理論(カラーセオリー)とは?
+
補色(コンプリメンタリーカラー)とは何ですか?
+
Webデザインに使いやすいカラーパレットの作り方は?
+
関連バリエーション
画像カラーピッカー
配色理論ツール
関連ツール
HEX→RGB変換
HEXカラーコードをRGBに変換
CSSグラデーション生成
線形・放射状グラデーションのCSS生成
コントラスト比チェッカー
WCAG準拠のコントラスト比チェック
Box Shadow生成
CSS box-shadowのGUI作成
カラーコード一覧
和色・Web色のカラーコード一覧。HEX/RGB表示
Flexboxジェネレーター
CSSフレックスボックスのGUI作成・コード生成