Libx Awesomeリスト

    このページの内容

    Awesome Colorful

    Colorfulを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

    目次

    ツール

    ライブラリ

    • Chroma.js - 色を扱うためのJavaScriptライブラリ。
    • pigment - 色情報、変換、操作のライブラリ。
    • GradStop.js - グラデーションのカラーストップを生成する。
    • Adaptive Backgrounds - 画像から主要な色を抽出し、親要素へ適用する（jQueryプラグイン）。
    • Coloor - 画像プリロードユーティリティ。
    • Color Thief - 画像からカラーパレットを取得する。
    • Colorify.js - シンプルでカスタマイズ可能な小さなJavaScriptカラー抽出器。
    • Colofilter.css - CSSで作られたデュオトーンフィルター。
    • Polychrome - 色の解析と操作のための小さなライブラリ。
    • Palettable - Palettable（旧brewer2mpl）はPython向けカラーパレットライブラリ。
    • picocli - ANSIカラーとスタイルを備えたJavaコマンドラインアプリケーションを作る小さなライブラリ。
    • granim.js - 流動的でインタラクティブなグラデーションアニメーションを作成する。
    • tinygradient - 高速で小さなグラデーション操作ツール。
    • TinyColor - JavaScript向けの高速で小さな色操作・変換ツール。
    • Distinct Colors - 視覚的に区別できる色のパレットを生成する。
    • color2k - 色の解析・操作ライブラリ。

    ウェブアプリ

    • Color Picker for Data - 彩度を一定に保ち、簡単にパレットを選ぶ。
    • Colorbrewer2 - ヒートマップとデータ可視化用の多色相・単色相パレット。
    • Coolors - デザイン向けの無限のカラーパレットを生成し共有する。
    • Flat UI Colors - UIカラ―セット。
    • Material Design Colors - Material Design Colors、Flat UI Colors、Material Design Icons。
    • Palettab - タブを開くたびに新しいカラーパレットとフォントの着想を得られるChrome拡張機能。
    • Paletton - カラースキームデザイナー。
    • Adobe Color Wheel - カラーホイールで配色を作成する。
    • Drag Gradients - 複数のcss3放射状グラデーションを生成・カスタマイズする。
    • SassMe - コンパイルせずリアルタイムにSASSの色関数を可視化する。
    • Colourco - 色を簡単かつ直感的に組み合わせる。
    • HSL Color Picker - HSLカラーピッカー。
    • SVG Color Filter Playground - feColorMatrixの仕組みを理解する。
    • Random A11y - アクセシビリティに配慮したランダムなパレットを生成する。
    • Save My Palette - カラーパレットを保存、共有、エクスポートする。
    • Colordot - 人のためのカラーピッカー。
    • Material Palette - Material Designのカラーパレット生成器。
    • 0to255 - 任意の色のバリエーションを探す。
    • 147 Colors - CSSの色名を学ぶ。
    • Shutterstock Spectrum - Spectrumで色から画像を検索する。
    • ColRD - 世界と色の着想を作り共有する。
    • Palettable - デザインの事前知識なしに美しいカラーパレットを生成する。
    • Colorgorical - n色のパレットを生成する。
    • Color Library - 自動色分解。
    • ColorFavs - 美しいカラーパレットと色を作成・発見する。
    • Colormind - ディープラーニングを使う配色生成器。
    • iColorpalette - 色やテーマ別にカラーパレットを作成、閲覧、エクスポート（aco、ase、svg、png、pdf）する。
    • geenes - 数秒でカラースケールを作成し、sketchまたはコードへエクスポートする。
    • Tints and Shades - 指定した16進色の色合いと濃淡を10%刻みで表示する。
    • Sorted colors - 関連する色がまとまって見えるように並べた、名前付きCSSカラー。
    • Croma - 画像と色からカラーパレットを生成する。
    • Hexcolorpedia - 16進色情報、色変換、濃淡、色調、Pantone照合、膨大なカラーパレット集。
    • Atmos - カラーパレット作成に必要なすべて。
    • AI Color Palette Generator - AI搭載パレット生成器で見事な配色を簡単に作成する。
    • Colorca - HSLuv色空間でデジタル製品向けのアクセシブルなカラーパレットを設計する。
    • ColorBeta - 高度なCSSグラデーション生成器。
    • Color Wheel - 1810年のJohann Wolfgang von Goetheによる図画に基づくカラーホイール。
    • RGB HEX Code - HTML/CSSカラーピッカーと変換器。

    カラーパレット

    • ColorHunt - すばやくプレビューできるカラーパレット。
    • Swiss Style Color Picker - カラーパレット集。
    • UI Gradients - 美しいカラーグラデーションを厳選したコレクション。
    • Color Hex Palettes - 新しいカラーパレットを発見する。
    • Color Palettes - 家、アパート、寝室、キッチン、居間、結婚式を色のアイデアで飾る。
    • Design Seeds - 自然に見つかる色と、意図を持った暮らしの美学。
    • Gradients - 厳選されたグラデーション。
    • Colour Names - CSSの色名リスト。
    • BrandColors - 世界最大級ブランドの公式カラーコード。
    • Branition Colors - ブランディングに最適なカラーパレットを手作業で厳選したコレクション。
    • Color Lisa - 世界の偉大なアーティストによるカラーパレットの傑作。
    • Cohesive Colors - 一貫性のある配色を作るツール。
    • Colordrop - 見栄えのよいカラーパレットのコレクション。
    • ColorsWall - カラーパレットを保存し、生成する場所。
    • Open Color - 2型2色覚と1型2色覚モードで検証済みの色。
    • ColorClaim - 繊細な配色。
    • WebGradients - 180種類の線形グラデーションを集めた無料コレクション。
    • Dave Green’s ‘cubehelix’ colour scheme - cubehelix配色ファミリーのリソース。
    • Color Name List - 固有の色名を厳選した巨大なリスト。
    • Realtime Colors - 実サイト上で色とフォントを可視化する。
    • InclusiveColors - WCAG/APCAコントラスト検査とモックアップでのライブプレビューを備えた、アクセシブルなTailwind風カラーパレットを作成する。
    • ColorMagic - AIでカラーパレットを生成する。任意のキーワードを入力して対応するパレットを生成する。
    • Magic Gradient - AIで任意のキーワードからグラデーションを生成する。

    記事



    画像クレジット

    Aleksandar SavićとNenad Zivanovic。