色・グラデーション

色・グラデーションの投稿

BiND Pressに投稿した色・グラデーションに関するお役たち情報一覧


	[%article_date_notime_dot%] [%new:New%] [%title%] [%lead%]

[%lead%]

イメージに近い色を見つけたらクリックすると、その色のことがいっぱい分かるサイト。色の番号、相性の良い色などが簡単にわかって便利に使えます。
https://ironodata.info/

色の番号を入力すると配色のルールに則った色が分かります。配色を知るサイトで有名なサイトだと思います。
http://paletton.com

色の番号を入力するとグラデーションのように少しずつ濃い色・薄い色を番号で表示してくれます。配色で調べた色をもう少し薄くしたい時など、色のトーンを変えずに薄くなる色番号が簡単にわかります。
http://www.0to255.com/

色を６桁で表すHEX値を簡単にRGBに変換した値を表示してくれます。icooon-mono のように色を指定するときにRGB値でないとダメな時があるので、そんな時に使えます。
https://manabox.github.io/quick-hex-to-rgb/

背景に設定する薄い色を探している時にオススメ！「白色系のウェブカラー色」の色から『背景色』をクリックするとその色がページの背景に設定されます。
http://webcolorlist.web.fc2.com/

RGB値から16進数のカラーコードを、またその逆を取得できます。BiNDupでは色指定に16進数が必要なケースが多いので使えそうです。
https://tech-unlimited.com/color.html

スクロールしながら探して気に入ったパターンがあったら右下のCopy CSSをクリックして利用します。
https://webgradients.com/

CSSのグラデーション（linear-gradient）の使い方を総まとめ！このサイトは本当にわかりやすく大好きです。
https://saruwakakun.com/html-css/basic/linear-radial-gradient

基本的なグラデーションに対応し、直感的にグラデーションを生成することができジェネレーターです。
https://front-end-tools.com/generateGradient/