Color Models

sRGB

ウェブコンテンツ・モニター・デジタルカメラの大多数で使用される標準RGBカラー空間。

sRGB (standard Red Green Blue) was created by HP and Microsoft in 1996 to provide a consistent color space for the internet and consumer displays. It defines specific red, green, and blue primary chromaticities and a specific gamma curve (approximately 2.2). sRGB covers about 35% of the visible spectrum, which is adequate for most consumer content but insufficient for high-end photography and print. Nearly all web content and CSS colors are specified in sRGB, and it remains the default color space for the web, though wider gamut spaces like Display P3 are gaining adoption.

試してみる

カラーコンバーター

HEX、RGB、HSL、HSV、CMYK、OKLCHのカラーフォーマット間を即座に変換します。

関連記事

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

CSS color-mix()を学んでブラウザでネイティブにカラーをブレンドします。構文、カラースペース、実践的な使用例をマスターし、JavaScriptなしで動的パレットを作成します。

知覚的色空間：Lab、LCH、Oklab、OKLCH

知覚的に均一な色空間について探索します——CIE Lab、LCH、Oklab、OKLCH。それぞれがどのように設計されたか、どこで優れているか、およびCSSとデザイン作業で使用するものを学びます。

色校正：印刷色の正確さを確保する

ソフト校正、ハード校正、プレス校正技術を学び、スクリーンから最終出力まで印刷色再現の正確さを確保します。

ウェブデザイナー向けCMYK：プリントが画面に出会う場合

プリントプロジェクトで動作するウェブデザイナーはCMYKを理解する必要があります。gamutの違い、安全なRGB-CMYK変換戦略、プリント証明ワークフロー、および一般的なピットフォール。

パントーン・マッチング・システムの解説：デザイナーのための完全ガイド

パントーン・マッチング・システムの仕組みについて学びます。コート紙と非コート紙の違い、スポットカラーとプロセスカラー、パントーンからHEXへの変換の限界についても説明します。

ウェブアニメーションにおける色：GSAP、Framer Motion、CSS

CSSトランジション、GSAP、Framer Motionで色アニメーションをマスターします。OKLCH補間、キーフレーム技術、パフォーマンス最適化について学びます。