日本語
配色・コントラスト
配色を選び、CSSやSVGを作成し、絵を描く。
16 ツール10 言語登録不要
お気に入り · 最近使ったツール
履歴とお気に入りはこの端末にのみ保存されます。
すべてのツール
16- カラーコード変換HEXをRGBとHSLに変換ツールを開く
- CSSグラデーション二つの色と角度からCSSを生成ツールを開く
- ランダム配色色のパレットとHEXコードを生成ツールを開く
- 調和する配色補色・類似色・三色配色を作成ツールを開く
- 色の混合色の混合 — サイズや色を指定し、コードや結果を確認ツールを開く
- 色の明暗パレット色の明暗パレット — サイズや色を指定し、コードや結果を確認ツールを開く
- HEX透明度の変換HEX透明度の変換 — サイズや色を指定し、コードや結果を確認ツールを開く
- RGBチャンネルの確認RGBチャンネルの確認 — サイズや色を指定し、コードや結果を確認ツールを開く
- 色の相対輝度色の相対輝度 — サイズや色を指定し、コードや結果を確認ツールを開く
- 色の反転色の反転 — サイズや色を指定し、コードや結果を確認ツールを開く
- 色パレットの画像色パレットの画像 — 入力ガイド → 結果をファイルに保存ツールを開く
- マンダラ模様作成設定を変えるとプレビューに反映されます。結果を確認して保存してくださいツールを開く
- スピログラフ曲線設定を変えるとプレビューに反映されます。結果を確認して保存してくださいツールを開く
- リサジュー曲線設定を変えるとプレビューに反映されます。結果を確認して保存してくださいツールを開く
- ベジェ曲線編集設定を変えるとプレビューに反映されます。結果を確認して保存してくださいツールを開く
- フラクタル探索マンデルブロ集合を探索します。クリックした点を中心に拡大できます。座標・反復数・倍率を変えてPNG保存できますツールを開く
作業を選択
配色を選び、CSSやSVGを作成し、絵を描く。
- 配色・コントラストカラーコード変換 · CSSグラデーション · ランダム配色
- CSS・レイアウトアスペクト比計算 · PX・REM変換 · CSSシャドウの作成
- SVG・グラフィック生成SVGパターンの作成 · SVGバッジの作成 · SVG波形の作成
- お絵かき・ピクセルアートホワイトボード・描画・図解 · ピクセルアート
入力値は端末内で処理されます。
無料で使え、ツールのダウンロードは不要です。