
HTML&CSS例
#309abc前景
花より団子。
<p style="color: #309abc">…</p>
#309abc背景
案ずるより産むが易し。
<p style="background-color: #309abc">…</p>
#309abcテキストに影をつける
二兎を追う者は一兎をも得ず。
<p style="text-shadow: 0.1em 0.1em 0.15em #309abc">…</p>
色空間変換
- 十進
- 3185340
- 二進法
- 00110000, 10011010, 10111100
- 十六進法
- #309abc
- LRV
- ≈ 27.4%
- 最も近い短い16進数
- #39b ΔE = 0.428
- RGB
- rgb(48, 154, 188)
- RGBA
- rgba(48, 154, 188, 1.0)
- rg色度
- r: 0.123, g: 0.395, b: 0.482
- RYB
- 赤色: 18.824%, 黄色: 42.480%, 青色: 73.725%
- Android/android.graphics.Color
- -13591876/0xff309abc
- HSL
- hsl(195, 59%, 46%)
- HSLA
- hsla(195, 59%, 46%, 1.0)
- HSV/HSB
- 色相: 195° (194.571), 飽和: 74% (0.745), 値: 74% (0.737)
- HSP
- 色相: 194.571, 飽和: 74.468%, 知覚される明るさ: 53.540%
- HSLuv(HUSL)
- H: 224.987, S: 90.349, L: 59.313
- Cubehelix
- H: -172.569, S: 0.812, L: 0.494
- TSL
- T: -1.770, S: 0.294, L: 0.495
- CMYK
- シアン色: 74% (0.745), マゼンタ色: 18% (0.181), 黄色: 0% (0.000), キー・プレート: 26% (0.263)
- CMY
- シアン色: 81% (0.812), マゼンタ色: 40% (0.396), 黄色: 26% (0.263)
- XYZ
- X: 21.848, Y: 27.368, Z: 51.698
- xyY
- x: 0.217, y: 0.271, Y: 27.368
- Lab色空間
- L: 59.313, a: -18.340, b: -26.177
- CIELuv
- L: 59.313, u: -37.843, v: -37.826
- CIELCH/LCHab
- L: 59.313, C: 31.963, H: 234.984
- CIELUV/LCHuv
- L: 59.313, C: 53.506, H: 224.987
- Hunter-Lab
- L: 52.314, a: -17.003, b: -21.972
- CIECAM02
- J: 47.618, C: 46.104, h: 224.199, Q: 135.955, M: 40.317, s: 54.456, H: 284.366
- OSA-UCS
- 明度: -10.181, 黄色: -4.385, 緑色: 4.491
- LMS
- L: 19.372, M: 31.400, S: 51.278
- YCbCr
- Y: 124.376, Cb: 158.614, Cr: 79.052
- YCgCo
- Y: 136.000, Cg: 18.000, Co: -23.000
- YDbDr
- Y: 126.182, Db: 93.022, Dr: 148.676
- YPbPr
- Y: 133.870, Pb: 29.190, Pr: -54.564
- xvYCC
- Y: 130.971, Cb: 153.641, Cr: 80.069
- YIQ
- Y: 126.182, I: -74.069, Q: -11.836
- YUV
- Y: 126.182, U: 30.421, V: -68.590
- マンセルカラーシステム
- 7.5B 5/10 ΔE = 3.427
- ブランドカラー
- Salesforce ΔE = 2.274