
HTML&CSS例
#001a20前景
見ぬが花。
<p style="color: #001a20">…</p>
#001a20背景
蓼食う虫も好き好き。
<p style="background-color: #001a20">…</p>
#001a20テキストに影をつける
会者定離。
<p style="text-shadow: 0.1em 0.1em 0.15em #001a20">…</p>
色空間変換
- 十進
- 6688
- 二進法
- 00000000, 00011010, 00100000
- 十六進法
- #001a20
- LRV
- ≈ 0.8%
- 最も近い短い16進数
- #122 ΔE = 5.977
- RGB
- rgb(0, 26, 32)
- RGBA
- rgba(0, 26, 32, 1.0)
- rg色度
- r: 0.000, g: 0.448, b: 0.552
- RYB
- 赤色: 0.000%, 黄色: 5.625%, 青色: 12.549%
- Android/android.graphics.Color
- -16770528/0xff001a20
- HSL
- hsl(191, 100%, 6%)
- HSLA
- hsla(191, 100%, 6%, 1.0)
- HSV/HSB
- 色相: 191° (191.250), 飽和: 100% (1.000), 値: 13% (0.125)
- HSP
- 色相: 191.250, 飽和: 100.000%, 知覚される明るさ: 8.887%
- HSLuv(HUSL)
- H: 216.355, S: 100.019, L: 7.615
- Cubehelix
- H: -176.399, S: 0.689, L: 0.074
- TSL
- T: -1.696, S: 0.473, L: 0.074
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 19% (0.188), 黄色: 0% (0.000), キー・プレート: 87% (0.875)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 90% (0.898), 黄色: 87% (0.875)
- XYZ
- X: 0.630, Y: 0.843, Z: 1.496
- xyY
- x: 0.212, y: 0.284, Y: 0.843
- Lab色空間
- L: 7.615, a: -7.015, b: -7.184
- CIELuv
- L: 7.615, u: -5.540, v: -4.078
- CIELCH/LCHab
- L: 7.615, C: 10.041, H: 225.683
- CIELUV/LCHuv
- L: 7.615, C: 6.879, H: 216.355
- Hunter-Lab
- L: 9.181, a: -3.820, b: -3.232
- CIECAM02
- J: 6.904, C: 17.701, h: 216.575, Q: 51.767, M: 15.479, s: 54.682, H: 274.978
- OSA-UCS
- 明度: -10.148, 黄色: -1.187, 緑色: 1.653
- LMS
- L: 0.581, M: 0.997, S: 1.484
- YCbCr
- Y: 32.240, Cb: 134.482, Cr: 116.160
- YCoCg
- Y: 21.000, Cg: 5.000, Co: -8.000
- YDbDr
- Y: 18.910, Db: 19.698, Dr: 35.960
- YPbPr
- Y: 20.894, Pb: 5.990, Pr: -13.276
- xvYCC
- Y: 33.944, Cb: 133.262, Cr: 116.338
- YIQ
- Y: 18.910, I: -17.416, Q: -3.631
- YUV
- Y: 18.910, U: 6.442, V: -16.590
- Okhsl
- h: 214.733, s: 1.000, l: 0.099
- Okhsv
- h: 214.733. s: 1.000, v: 0.127
- Okhwb
- h: 214.733, w: 0.000, b: 0.873
- Oklab
- l: 0.200, a: -0.029, b: -0.020
- Oklch
- l: 0.200, c: 0.035, h: 214.733
- マンセルカラーシステム
- 7.5BG 2/2 ΔE = 11.676
- ブランドカラー
- Squarespace ΔE = 10.269