タグ

webサービスとwebデザインと色に関するigrepのブックマーク (4)

  • Calculate colors. Share palettes.

    Color reference Digital colors, reimagined Talking about colors is hard without context. That’s why we provide a dedicated page for every color code. Use it to find matching color variants, learn more about color properties or convert color values. Color chart The sum of its parts Every color contains an individual composition of basic colors. Forget everything you learned about RGB or HSL sliders

    Calculate colors. Share palettes.
  • Coolors.co

  • 【保存版】配色アイデアに迷わない、すごい配色カラーパレットツール107個まとめ

    「配色えらびのベストな方法が知りたい」 「イメージにあった色をもっと手軽に選びたい」 「色がなかなか決まらない」 「配色えらびにAIを活用してみたい」 この記事では、配色えらびが苦手なひとに役立つ無料ツールをまとめてご紹介します。 2016年8月の初投稿から9年かけてわたしが見つけた、実践向けの配色ツールをカテゴリ別に揃えました。 リンクの切れたツールは削除し、新しいデザインツールを追加した最新版にアップグレード。 配色の基ルールを頭に入れておけば、お気に入りの色を効果的に見つけることができますよ。 コンテンツ目次 普段使いできる便利ツール(17個) ワンクリック、人工知能系ツール(20個) マテリアルデザイン系ツール(4個) WebデザインUIデザイン関連ツール(21個) 写真から抽出系ツール(2個) インスピレーション系ツール(14個) グラデーション関連ツール(29個) 配色カラ

    【保存版】配色アイデアに迷わない、すごい配色カラーパレットツール107個まとめ
  • 第5回 カラースキームを決めるために必要なツールと注意点 | gihyo.jp

    前回は自己紹介をの制作を題材にして、参考資料を活用することにフォーカスしてお送りしました。今回はさらに細かいところにフォーカスしていきます。 カラースキームを固める 前回考えたプロセスの中で、自己紹介に関連するキーワードを書き出してみました。 それらのキーワードをもとに、今度はページのカラースキームを考えてみましょう。 基のベースカラーが決まれば、そのカラーを基準にパレットのバリエーションも増やすことができます。 配色については、色彩理論[1]を身につけておくとカラースキームを考えるときに役立ちます。 また、色彩に関するセンスは経験によってより洗練されていくものだと考えています。いろいろなパターンを作りながら、試行錯誤していくことが大切です。 Web 上だけを見ても自動的にカラースキームを生成してくれる、便利なカラースキームジェネレータなどが多くあります。ゼロからつくれなくても、こういっ

    第5回 カラースキームを決めるために必要なツールと注意点 | gihyo.jp
  • 1