ToolShed
ホーム
ツール一覧
読み込み中...
ホーム
カラー・デザイン
カラーパレット生成
カラー・デザイン
無料・登録不要
カラーパレット生成
配色理論ベースのパレット自動生成
Harmony:
Random
Complementary
Analogous
Triadic
Split-complementary
Generate
or press Space
#361FB7
#D16170
#4925DA
#5BECBB
#8F67E0
#361FB7
rgb(54, 31, 183)
HEX
RGB
#D16170
rgb(209, 97, 112)
HEX
RGB
#4925DA
rgb(73, 37, 218)
HEX
RGB
#5BECBB
rgb(91, 236, 187)
HEX
RGB
#8F67E0
rgb(143, 103, 224)
HEX
RGB
よくある質問
配色の基本的な理論(カラーセオリー)とは?
+
補色(コンプリメンタリーカラー)とは何ですか?
+
Webデザインに使いやすいカラーパレットの作り方は?
+
関連バリエーション
画像カラーピッカー
配色理論ツール
関連ツール
HEX→RGB変換
HEXカラーコードをRGBに変換
CSSグラデーション生成
線形・放射状グラデーションのCSS生成
コントラスト比チェッカー
WCAG準拠のコントラスト比チェック
Box Shadow生成
CSS box-shadowのGUI作成
カラーコード一覧
和色・Web色のカラーコード一覧。HEX/RGB表示
Flexboxジェネレーター
CSSフレックスボックスのGUI作成・コード生成