
HTML&CSS例
#006c95前景
悪因悪果。
<p style="color: #006c95">…</p>
#006c95背景
起死回生。
<p style="background-color: #006c95">…</p>
#006c95テキストに影をつける
会者定離。
<p style="text-shadow: 0.1em 0.1em 0.15em #006c95">…</p>
色空間変換
- 十進
- 27797
- 二進法
- 00000000, 01101100, 10010101
- 十六進法
- #006c95
- LRV
- ≈ 12.9%
- 最も近い短い16進数
- #268 ΔE = 3.009
- RGB
- rgb(0, 108, 149)
- RGBA
- rgba(0, 108, 149, 1.0)
- rg色度
- r: 0.000, g: 0.420, b: 0.580
- RYB
- 赤色: 0.000%, 黄色: 24.555%, 青色: 58.431%
- Android/android.graphics.Color
- -16749419/0xff006c95
- HSL
- hsl(197, 100%, 29%)
- HSLA
- hsla(197, 100%, 29%, 1.0)
- HSV/HSB
- 色相: 197° (196.510), 飽和: 100% (1.000), 値: 58% (0.584)
- HSP
- 色相: 196.510, 飽和: 100.000%, 知覚される明るさ: 37.976%
- HSLuv(HUSL)
- H: 235.513, S: 100.019, L: 42.602
- Cubehelix
- H: -170.278, S: 0.994, L: 0.314
- TSL
- T: -1.817, S: 0.462, L: 0.315
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 28% (0.275), 黄色: 0% (0.000), キー・プレート: 42% (0.416)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 58% (0.576), 黄色: 42% (0.416)
- XYZ
- X: 10.785, Y: 12.894, Z: 30.348
- xyY
- x: 0.200, y: 0.239, Y: 12.894
- Lab色空間
- L: 42.602, a: -10.532, b: -29.605
- CIELuv
- L: 42.602, u: -28.642, v: -41.695
- CIELCH/LCHab
- L: 42.602, C: 31.422, H: 250.418
- CIELUV/LCHuv
- L: 42.602, C: 50.585, H: 235.513
- Hunter-Lab
- L: 35.908, a: -9.224, b: -24.975
- CIECAM02
- J: 31.286, C: 45.138, h: 232.734, Q: 110.200, M: 39.472, s: 59.849, H: 294.486
- OSA-UCS
- 明度: -10.256, 黄色: -5.052, 緑色: 3.748
- LMS
- L: 8.514, M: 14.484, S: 30.052
- YCbCr
- Y: 85.034, Cb: 161.983, Cr: 77.677
- YCoCg
- Y: 91.250, Cg: 16.750, Co: -37.250
- YDbDr
- Y: 80.382, Db: 103.253, Dr: 152.861
- YPbPr
- Y: 87.948, Pb: 32.920, Pr: -55.886
- xvYCC
- Y: 91.532, Cb: 156.918, Cr: 78.908
- YIQ
- Y: 80.382, I: -77.509, Q: -10.081
- YUV
- Y: 80.382, U: 33.767, V: -70.520
- マンセルカラーシステム
- 2.5PB 4/8 ΔE = 1.684
- ブランドカラー
- WordPress (blue) ΔE = 3.771