カラーツール
デザイナーが色を管理し、アクセシビリティをチェックするためのツール。
広告
関連ガイド
May 28, 2026
HEX・RGB・HSL間の色変換方法
HEX、RGB、HSL間の色変換方法を解説します。3つの色形式の違いと用途別の選び方、RGBとHSLの違い、CSS color-mix関数の活用ヒント、ライブプレビューで相互変換する手順を紹介するデザイナー・開発者向けガイドです。
June 3, 2024
UIデザインのためのカラーコントラスト実践ガイド
ウェブアクセシビリティとカラーコントラストの基礎を学びましょう。WCAGの評価（AA対AAA）を理解し、私たちのクイックチェックと実践的な修正方法を使って、誰もが読みやすいUIを作りましょう。
June 10, 2024
ロゴからブランドパレットを作成する方法（ステップバイステップガイド）
あなたのロゴは色の情報の宝庫です。ロゴからキーとなる色を抽出し、ウェブサイト、ソーシャルメディア、マーケティング資料用の完全で多機能なブランドパレットに展開する方法を学びましょう。
May 15, 2026
テキストケースの変換方法：camelCase, snake_case, Title Caseなど
テキストケースの変換方法を解説します。UPPERCASE、lowercase、Title Case、camelCase、PascalCase、snake_case、kebab-case、CONSTANT_CASEなど12種類のケーススタイルと、JavaScript、Python、CSSなど言語別の命名規約、変換手順を紹介するガイドです。