Web色変換

色とWebデザインに関するサイト,ホームページ制作のサポートツール, WEBや印刷で使う色 ,配色,dic,pantone(パントーン),16進数,cmyk

web色変換

カラー パレット 作成 パステルカラー

(カラーパレット画像表示位置)
#e8e3e3#ebe0e0#eddede#f0dbdb#f2d9d9#f5d6d6#f7d4d4#fad1d1#fccfcf#ffcccc
#e8e5e3#ebe4e0#ede3de#f0e2db#f2e1d9#f5e0d6#f7e0d4#fadfd1#fcdecf#ffddcc
#e8e6e3#ebe7e0#ede8de#f0e9db#f2ead9#f5ebd6#f7ebd4#faecd1#fcedcf#ffeecc
#e8e8e3#ebebe0#ededde#f0f0db#f2f2d9#f5f5d6#f7f7d4#fafad1#fcfccf#ffffcc
#e6e8e3#e7ebe0#e8edde#e9f0db#eaf2d9#ebf5d6#ebf7d4#ecfad1#edfccf#eeffcc
#e5e8e3#e4ebe0#e3edde#e2f0db#e1f2d9#e0f5d6#e0f7d4#dffad1#defccf#ddffcc
#e3e8e3#e0ebe0#deedde#dbf0db#d9f2d9#d6f5d6#d4f7d4#d1fad1#cffccf#ccffcc
#e3e8e5#e0ebe4#deede3#dbf0e2#d9f2e1#d6f5e0#d4f7e0#d1fadf#cffcde#ccffdd
#e3e8e6#e0ebe7#deede8#dbf0e9#d9f2ea#d6f5eb#d4f7eb#d1faec#cffced#ccffee
#e3e8e8#e0ebeb#deeded#dbf0f0#d9f2f2#d6f5f5#d4f7f7#d1fafa#cffcfc#ccffff
#e3e6e8#e0e7eb#dee8ed#dbe9f0#d9eaf2#d6ebf5#d4ebf7#d1ecfa#cfedfc#cceeff
#e3e5e8#e0e4eb#dee3ed#dbe2f0#d9e1f2#d6e0f5#d4e0f7#d1dffa#cfdefc#ccddff
#e3e3e8#e0e0eb#dedeed#dbdbf0#d9d9f2#d6d6f5#d4d4f7#d1d1fa#cfcffc#ccccff
#e5e3e8#e4e0eb#e3deed#e2dbf0#e1d9f2#e0d6f5#e0d4f7#dfd1fa#decffc#ddccff
#e6e3e8#e7e0eb#e8deed#e9dbf0#ead9f2#ebd6f5#ebd4f7#ecd1fa#edcffc#eeccff
#e8e3e8#ebe0eb#eddeed#f0dbf0#f2d9f2#f5d6f5#f7d4f7#fad1fa#fccffc#ffccff
#e8e3e6#ebe0e7#eddee8#f0dbe9#f2d9ea#f5d6eb#f7d4eb#fad1ec#fccfed#ffccee
#e8e3e5#ebe0e4#eddee3#f0dbe2#f2d9e1#f5d6e0#f7d4e0#fad1df#fccfde#ffccdd


カラーパレットの設定

カラーパレット画像の大きさ カラーパレット(1つ)の大きさ カラーパレットの間隔 背景色 カラーコード追加(フォント)設定
横幅 高さ 横幅 高さ 間隔の幅 背景の色 カラーコードの有無

フォントサイズ
フォントカラー


カラー パレット 作成 パステル 説明

パステル調の色でカラー パレットを作成するツール。
絵具のパレットのような感じにパレットを作成します。
多くのパレット調のカラーコードからクリックしてパレットを追加
していくタイプのツールです。

基本的な使い方はテーブルに表示されている「カラーコードの部分」
をクリックして追加していくだけ。

表示されているパステルカラーのテーブルは
幅広い色合いのパステルカラーに変更可。セレクターで選択して
ボタンを押せばテーブルを変更します。

カラーパレットの設定

カラーパレットの設定について。

カラーパレット画像の大きさ
横幅X高さを変更可能 最大2000pxX2000pxまで

カラーパレット(1つ)の大きさ

横幅X高さを変更可能 最大100pxX100pxまで

カラーパレットの間隔 背景色
間隔幅を変更可能 最大30px

背景色 カラーコードを入力して変更可

カラーコード追加(フォント)設定

カラーコードの有無の選択

フォントサイズ xx-small~xx-large
フォントサイズについては、カラーパレット(1つ)の大きさの横幅
に合わせて描画されます、カラーパレットの大きさよりも
大きい場合は横に縮小されて描画。

フォントカラー カラーコードを入力して変更可

カラーパレット再設定

ボタンを押せば設定を変更して再描画します。

tag:一覧, 画像, 編集, 色見本,



記事
cmyk 色見本

cmyk RGB 数値変換 使い方 CMYK⇔RGBの相互変換可能なWEBツールです。 RGBやcm…

rgb 変換(HEX,CMYK,HSV,HSL,補色)

  rgb 変換 使い方 rgbをカラーピッカーから選択してカラーコード(16進数),CM…

画像 色の割合 調べるツール

画像の色抽出 割合を調べるツール 説明 画像から 色(カラーコード)や 色の面積や面積の割合を分析し…