sonk color sampler

webサイトのデザインとかで配色に悩んだ時に色を色々とアレするやつ

sonk.jp » web-app » color-sampler

super deep dynamic as quick as lightning color changer !!

setting

background-color

#ffffff / rgb(0,0,0)
背景色を設定可能です。
薄い色がええと思うと思う

main-color

#0089a1 / rgb(0,137,161)
メインの色を設定可能です。
濃い目の色に設定すると、このジェネレータ的には見やすいです多分
実際に、明度が低い色のほうが良いとか誰かエライ人が言うてた。

accent-color

#ff6699 / rgb(255,102,153)
アクセントの色を設定可能です。
ちょびーっとだけ使います。
一般的には、色相的に、メインカラーから離れた色が良いらしい

作った色の保存について

ええ感じの色が出来上がったら、ブックマークしたりtweetしたりして、
保存してください。そのURLにアクセスすると、っていうアレを実装中やけど未完成。
→[追記] 途中まで作った!RGBが表示されない気がするのはきっと気のせい。
→[さらに追記] パラメータ付きURLで遷移してきた場合もRGB表示するようにできた。

sonk color sampler とは…

単に、なんとなく作ってみました。
海外のサイトとかで、もっと便利なやつあった気ィするけど。
とりあえず。直感でsettingのアレを色々してみてください。
TODO:ソースの掃除。RGB表示。とか。

special thanks to ・・・

Arigatou!! ありがとうございます!ありがとうございます!

color picker

hot and cool color picker (jquery plugian)
spectrum

hex to rgb javascript source

ppBlog

original html template and css

CoolWebWindow

text-setting

#333333
rgb(51,51,51)

#333333
rgb(51,51,51)

Author

sonk
sonk
・web engineer
・osaka, japan

contact →