CSSで最近よく使うOKLCHカラーについて理解を深めよう、異なる色でトーンを合わせたり、単色のシェードも簡単
CSSでは、さまざまなカラーモデルで色を設定できます。16進数によるHEX値、rgb()によるRGB値、hsl()によるHSL値、lab()によるLAB値、oklch()Oklch値、oklab()によるOklab値など、現在ではすべてのブラウザにサポートされています。 中でも最近では、トーンを合わせたカラーを簡単に作ることができるOKLCHカラーの人気が高まっています。このOKLCHカラーについて紹介します。 oklch.fyi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 OKLCHカラーとは カラーモデルとは 色域とは OKLCHの構造 OKLCHだと明るさの一貫性が簡単 OKLCHだとシェードも簡単 OKLCHだとグラデーションも美しい カラースペースのサポート 最大彩度 ブラウザのサポートとフォールバック OKLCH
A perceptual color space for image processing
From personal project to industry standard Introduction added in 2025 When introduced Oklab in 2020, I never expected it to reach as far as it has. In a few years Oklab has, among other things, found its way into: Photoshop – Now the default interpolation method for gradients Web browsers – Part of CSS Color Level 4 and 5, supported by major browsers Game engines – Used in Unity’s gradients and Go
Lab色空間 - Wikipedia
CIE 1976 (L*, a*, b*) 色空間 (CIELAB) を上から見た図 CIE 1976 (L*, a*, b*) 色空間 (CIELAB) を正面から見た図 CIE 1976 (L*, a*, b*) 色空間 (CIELAB) のうち、sRGBの色域に収まる範囲（当時の一般的なコンピュータのディスプレイに表示できる範囲）だけを示した図。それぞれの軸は -128 から 128 の範囲である。 Lab色空間（エル・エー・ビーいろくうかん、英: Lab color space）は補色空間の一種で、明度を意味する次元 L と補色次元の a および b を持ち、CIE XYZ 色空間の座標を非線形に圧縮したものに基づいている。 Hunter 1948 L, a, b 色空間の座標軸は L、a、b である[1][2]。しかし最近では CIE 1976 (L*, a*, b*) 色空間の
OKLCH Color Picker & Converter
OKLCH is a new way to encode colors (like hex, RGBA, or HSL)
カラーパレットのコントラスト比を揃えるのにOKLCHカラースペースが便利だった｜よつくら
株式会社アンドパッドでUIデザイナーをしている、よつくらです。 2024年の7月、おそらく3年ぶりにアンドパッドで運用しているデザインシステムの、網羅的なカラーパレットを作成しなおしました。今回、カラーパレットのコントラスト比を揃えるのにOKLCHカラースペースが便利だったので紹介します。 網羅的なカラーパレットのコントラスト比を揃える前回カラーパレットを作成したとき、1段階目の網羅的なカラーパレットと、2段階目の意味を持ったカラーパレットを作成しました。そのときの学びは下記のnoteにまとまっています。 1段階目の網羅的なカラーパレットについて、色相の異なる色同士で同じコントラスト比を保っておいた方が、UIコンポーネントを作成するときに便利です。 毎回コントラスト比の計算で悩むのは嫌だ例えば上の図のように、いろいろな色で使えるタグコンポーネントを設計するときのことを考えてみましょう。 こ
【カラーテスト】92％がパスできません！イエロー限定テスト
“もし魔法が使えたら…。 そんな妄想、誰もがしたことあるでしょう。 あなたはどんな魔法が得意だと思いますか？ 熱い火で攻撃する炎魔法？ それとも仲間をサポートする回復系？ この診断では魔法使いであるあなたの得...
【公式】bubinga | バイナリーオプション アカウント無料作成
【公式】バイナリーオプションを牽引するbubingaのアカウント無料作成ならこちら。只今7,000円以上の初回入金で100%ボーナスをゲットできます。
ColorJack: Design Tools
MAKE, LEARN… PLAY! APPS CRAFTED WITH Draw, create & share with this online drawing application. Free for all since 2008. Fun for all ages 🦄! Sketchpad Learn music theory essentials, and visualize amazing composers with this interactive color piano 🎵. Color Piano Where mindfulness meets creativity in a purr-fectly designed app for journaling and personal growth 😸✨. Be Here Meow Learn color harmo
ColorBlender.com |色の相性
To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a "blend") will be automatically calculated. You may swicth to Direct Edit mode to tweak or edit individual colors of your blend. Saved blends will be associated with your account if you signed in or stored in your browser cookies if you are not a member yet.
[ws] Color Scheme Generator 2
Brand New Version Available & Moved! The Color Scheme Designer application has been moved to its own domain: http://ColorSchemeDesigner.com Please update your bookmarks. Newest version: http://colorschemedesigner.com Previous version list: http://colorschemedesigner.com/previous Nová verze & Přesunuto! Aplikace Color Scheme Designer byla přesunuta na svou vlastní doménu: http://ColorSchemeDesigner
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
１ピクのラインにこだわったデザインスタディ
ヘッダ内、ヘッダとコンテンツなど異なる色の背景の区切りに１ピクセルのラインを使用したデザインスタディをSpoonfed Designのエントリーから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Harmonizer
Cubecolors colorscheme generator
COPASO | Pro Color Palette Software from COLOURlovers :: COLOURlovers
まとめよう、あつまろう - Togetter
Color Palette Generator
//// COLOURlovers :: loving colours since 1981
kuler
DIC グローバル
