
HTML&CSS例
#00023a前景
見ぬが花。
<p style="color: #00023a">…</p>
#00023a背景
異体同心。
<p style="background-color: #00023a">…</p>
#00023aテキストに影をつける
蛙の子は蛙。
<p style="text-shadow: 0.1em 0.1em 0.15em #00023a">…</p>
色空間変換
- 十進
- 570
- 二進法
- 00000000, 00000010, 00111010
- 十六進法
- #00023a
- LRV
- ≈ 0.4%
- 最も近い短い16進数
- #003 ΔE = 2.314
- RGB
- rgb(0, 2, 58)
- RGBA
- rgba(0, 2, 58, 1.0)
- rg色度
- r: 0.000, g: 0.033, b: 0.967
- RYB
- 赤色: 0.000%, 黄色: 0.758%, 青色: 22.745%
- Android/android.graphics.Color
- -16776646/0xff00023a
- HSL
- hsl(238, 100%, 11%)
- HSLA
- hsla(238, 100%, 11%, 1.0)
- HSV/HSB
- 色相: 238° (237.931), 飽和: 100% (1.000), 値: 23% (0.227)
- HSP
- 色相: 237.931, 飽和: 100.000%, 知覚される明るさ: 7.703%
- HSLuv(HUSL)
- H: 265.283, S: 100.019, L: 3.151
- Cubehelix
- H: -124.717, S: 3.497, L: 0.030
- TSL
- T: -2.869, S: 0.602, L: 0.031
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 97% (0.966), 黄色: 0% (0.000), キー・プレート: 77% (0.773)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 99% (0.992), 黄色: 77% (0.773)
- XYZ
- X: 0.785, Y: 0.349, Z: 4.028
- xyY
- x: 0.152, y: 0.068, Y: 0.349
- Lab色空間
- L: 3.151, a: 18.583, b: -33.623
- CIELuv
- L: 3.151, u: -0.997, v: -12.079
- CIELCH/LCHab
- L: 3.151, C: 38.417, H: 298.929
- CIELUV/LCHuv
- L: 3.151, C: 12.120, H: 265.283
- Hunter-Lab
- L: 5.906, a: 13.395, b: -36.305
- CIECAM02
- J: 3.988, C: 36.337, h: 258.699, Q: 39.345, M: 31.776, s: 89.867, H: 310.411
- OSA-UCS
- 明度: -11.015, 黄色: -6.807, 緑色: 1.944
- LMS
- L: 0.071, M: 0.064, S: 3.968
- YCbCr
- Y: 22.692, Cb: 152.880, Cr: 123.146
- YCoCg
- Y: 15.500, Cg: -13.500, Co: -14.500
- YDbDr
- Y: 7.786, Db: 75.548, Dr: 14.818
- YPbPr
- Y: 5.606, Pb: 28.230, Pr: -3.576
- xvYCC
- Y: 20.815, Cb: 152.798, Cr: 124.859
- YIQ
- Y: 7.786, I: -19.182, Q: 17.001
- YUV
- Y: 7.786, U: 24.710, V: -6.831
- マンセルカラーシステム
- 5P 2/8 ΔE = 17.920
- ブランドカラー
- HootSuite ΔE = 19.646