
0to255
指定した色の明暗バリエーションを作る配色支援ツールで、基準色から複数段階の濃淡とカラーコードを一覧表示します。ボタンや背景など同系色の階層を短時間で設計したいときに役立ちます。
目的・地域・サービス名から、ぴったりのサービスを見つける

指定した色の明暗バリエーションを作る配色支援ツールで、基準色から複数段階の濃淡とカラーコードを一覧表示します。ボタンや背景など同系色の階層を短時間で設計したいときに役立ちます。

カラーホイールを使うAdobeの配色ツールで、補色や類似色などのルールからパレットを作成し、画像から色を抽出して保存できます。ブランドや制作物の配色案を体系的に検討したいときに役立ちます。

完成したWebページ例から配色を確認できるデザイン参考サービスで、各色が背景、文字、ボタンなどでどう機能するかを実例で示します。パレット単体では想像しにくい使用感を確かめたいときに役立ちます。

日本の伝統色を紹介する色見本サービスで、和名、色コード、由来を視覚的な演出とともに閲覧できます。和風デザインや文化的な意味を持つ色を選びたいときに便利です。

色相環から調和する色を選ぶカラーパレット作成ツールで、基準色に対して相性の良い候補を視覚的に絞り込めます。感覚だけに頼らず複数色の組み合わせを決めたいときに便利です。

画面上で色を選びカラーコードを取得するWebツールで、視覚的なピッカーからRGBやHEXなどの値を確認できます。Web制作や資料作成で狙った色をすぐ数値化したいときに便利です。

地域別の情報を掲載・閲覧する掲示板サービスで、中古品の譲渡・売買に加え、求人、住まい、メンバー募集など多様な情報を扱います。近隣で直接受け渡したい品や地域の募集を探す際に役立ちます。

ランダムなパスワードを作成するWebツールで、文字数や英字・数字・記号などの条件を指定し、複数候補をすぐ生成できます。新しいアカウント用に推測されにくい文字列を用意したいときに便利です。

Web画面を構築するフロントエンドフレームワークで、レスポンシブなグリッド、フォーム、ナビゲーションなどの実績ある部品をまとめて提供します。標準的なUIを短期間で安定して実装したいときに役立ちます。

Web画面を構築するUIフレームワークで、人が読んで意味を理解しやすいクラス名と、多数のコンポーネントを組み合わせて設計できます。HTMLの意図を保ちながら画面を素早く組みたいときに便利です。

Webデザインを構築するCSSフレームワークで、余白、色、文字、レイアウトなどの小さなユーティリティクラスを組み合わせて独自UIを作れます。既製部品に縛られず一貫した画面を効率よく実装したいときに役立ちます。

レスポンシブなWeb画面を構築するフロントエンドフレームワークで、グリッドやUI部品に加え、メール向けテンプレートも提供しています。多端末対応のサイトやプロトタイプを体系的に作りたいときに便利です。

軽量なWeb UIフレームワークで、モジュール式のCSS・JavaScriptコンポーネントと柔軟なレイアウト機能を提供しています。必要な部品だけを組み込み、すっきりした画面を短時間で作りたいときに役立ちます。

Flexboxを基盤とするCSSフレームワークで、導入が簡単なクラスと読みやすいドキュメント、モダンなUI部品を提供します。JavaScriptに依存せずレスポンシブな画面を組みたいときに便利です。

意味のあるHTMLだけで見栄えを整える軽量CSSで、クラス指定をほとんど使わず、標準要素から読みやすいページを作れます。試作品や簡単な案内ページをすぐ形にしたいときに役立ちます。

小規模なWebサイト向けの軽量CSSフレームワークで、シンプルなグリッド、文字組み、フォーム、ボタンを最小限の容量で提供します。複雑な依存を避けて基本レイアウトを素早く作りたいときに便利です。

最小限のスタイルを提供する軽量CSSフレームワークで、Flexboxベースのグリッド、文字、フォーム、ボタンを簡潔なクラスで扱えます。小さなサイトやプロトタイプの土台を軽く保ちたいときに役立ちます。

Web制作の基本スタイルをまとめたCSSフレームワークで、標準化された文字、グリッド、フォームなどを土台として拡張できます。デザインを一から決めずに独自サイトの基礎を作りたいときに便利です。

Yahooが公開する小容量のCSSモジュール集で、Normalize、グリッド、フォーム、ボタン、テーブル、メニューを必要な分だけ組み合わせられます。既存サイトへ最小限のスタイルを追加したいときに便利です。

Webで利用できるフォントを検索・配布するGoogleのサービスで、多言語の書体をプレビューし、CSSやダウンロードで導入できます。サイトやアプリに適した読みやすい書体を無料で比較したいときに役立ちます。

端末に標準搭載されるフォントの表示を比較するシミュレーターで、入力した文章が各書体でどう見えるかを一覧表示します。追加フォントを使わないWeb制作で安全な書体候補を選びたいときに便利です。

Web用のfont-family指定を作成する日本語ツールで、用途やOSを考慮したフォント候補を選ぶとCSSの記述を生成できます。日本語サイトの書体指定を迷わず整えたいときに役立ちます。

入力した単語を端末内のフォントで一覧表示する比較ツールで、候補を選別しながら書体ごとの印象を一画面で確認できます。ロゴや見出しに合う手持ちフォントを探したいときに便利です。

地図とルートを提供するサービスで、車向けの経路、走行距離、所要時間、周辺施設などを確認し、ドライブ計画に活用できます。目的地までの道路と途中の立ち寄り先を事前に調べたいときに便利です。