配色ツール | 🔖リンク集まとめ

いいな〜と思ったサイトがあれば随時更新

Adobe Color CC ( https://color.adobe.com/create/color-wheel/ )画像1


Coolors ( https://coolors.co/app )画像2


ColorBox by Lyft Desig ( https://www.colorbox.io ) //Lyft Designが提供しているカラーシステム画像3


CopyPalettehttps://copypalette.netlify.com/ )
画像22


Scale ( https://hihayk.github.io/scale/ ) //使い方:( 色のセンスがない人でも大丈夫、色を段階的に変化させるカラーパレットを簡単に作成できる便利ツール | コリス )画像4


Color - Cloudflare Designhttps://cloudflare.design/color/ ) //使い方:( 色の組み合わせ方の参考にいい!Webサイトやスマホアプリに適したカラーパレットを生成する無料ツール -Color | コリス )画像5


Pigment by ShapeFactoryhttps://pigment.shapefactory.co ) //使い方:( Webデザイン・紙デザイン用のナチュラルなカラーの組み合わせを見つけることができるオンラインツール -Pigment | コリス )画像6


ジェネレート系

Palettable ( https://www.palettable.io )
画像7


Colordot ( https://color.hailpixel.com )画像8


colourcode ( https://colourco.de )画像9


Cohesive Colors ( https://javier.xyz/cohesive-colors/ )画像10


AI、Deep Learning(深層学習)系

Khroma ( http://khroma.co ) //50色の色を選択すると、AIが配色の組み合わせを選んでくれる画像11


Colormind ( http://colormind.io ) //Deep Learning(深層学習)を利用した配色生成してくれる画像12


配色、カラーを解析系

Site Palette ( http://palette.site ) //ウェブサイトからカラーパレットを作成するSafari、Chrome、Firefoxプラグイン画像13


ColorFavs ( http://www.colorfavs.com ) //画像から配色を摘出してカラーパレットを作成してくれる画像14


HueSnap ( https://www.huesnap.com ) //画像からカラーパレットを作るサービス画像15


Colours ( http://webcolourdata.com ) //ウェブサイトで使用しているカラーを摘出する画像16


Picular ( https://picular.co ) //Google画像検索から色を参照してワードにマッチした色を教えてれるサービス画像17


選択した配色のイメージを表示系

Browse by color - Dribbble ( https://dribbble.com/colors/ )画像18


Designspiration ( https://www.designspiration.net ) //「Sign up」ボタン横にある筆ペンアイコンをクリックして色を選択すると、選択した配色のイメージを表示してくれる画像19


TinEye Labs - Multicolr Search Lab ( http://labs.tineye.com/multicolr/ ) //右サイドにある「Step 1」から色を選択すると、選択した配色のイメージを表示してくれる。「Step 2」では配色分布を変えることもできる。
画像20


アクセスビリティ

 Color.reviewhttps://color.review/ ) //使い方:( Webサイト・スマホアプリの制作者がカラーとアクセシビリティについて知っておくべきこと | コリス )画像21


この記事が気に入ったらサポートをしてみませんか?