
HTML&CSS例
#0001a4前景
自業自得。
<p style="color: #0001a4">…</p>
#0001a4背景
蛙の子は蛙。
<p style="background-color: #0001a4">…</p>
#0001a4テキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #0001a4">…</p>
色空間変換
- 十進
- 420
- 二進法
- 00000000, 00000001, 10100100
- 十六進法
- #0001a4
- LRV
- ≈ 2.7%
- 最も近い短い16進数
- #00a ΔE = 0.994
- RGB
- rgb(0, 1, 164)
- RGBA
- rgba(0, 1, 164, 1.0)
- rg色度
- r: 0.000, g: 0.006, b: 0.994
- RYB
- 赤色: 0.000%, 黄色: 0.390%, 青色: 64.314%
- Android/android.graphics.Color
- -16776796/0xff0001a4
- HSL
- hsl(240, 100%, 32%)
- HSLA
- hsla(240, 100%, 32%, 1.0)
- HSV/HSB
- 色相: 240° (239.634), 飽和: 100% (1.000), 値: 64% (0.643)
- HSP
- 色相: 239.634, 飽和: 100.000%, 知覚される明るさ: 21.717%
- HSLuv(HUSL)
- H: 265.839, S: 100.019, L: 18.805
- Cubehelix
- H: -123.346, S: 4.274, L: 0.073
- TSL
- T: -2.937, S: 0.627, L: 0.076
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 99% (0.994), 黄色: 0% (0.000), キー・プレート: 36% (0.357)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 100% (0.996), 黄色: 36% (0.357)
- XYZ
- X: 6.709, Y: 2.701, Z: 35.282
- xyY
- x: 0.150, y: 0.060, Y: 2.701
- Lab色空間
- L: 18.805, a: 56.621, b: -77.363
- CIELuv
- L: 18.805, u: -5.504, v: -75.667
- CIELCH/LCHab
- L: 18.805, C: 95.870, H: 306.200
- CIELUV/LCHuv
- L: 18.805, C: 75.867, H: 265.839
- Hunter-Lab
- L: 16.435, a: 44.109, b: -115.778
- CIECAM02
- J: 12.288, C: 68.795, h: 258.022, Q: 69.064, M: 60.160, s: 93.332, H: 310.062
- OSA-UCS
- 明度: -11.078, 黄色: -14.614, 緑色: 4.761
- LMS
- L: 0.347, M: 0.080, S: 34.754
- YCbCr
- Y: 32.576, Cb: 199.705, Cr: 115.988
- YCoCg
- Y: 41.500, Cg: -40.500, Co: -41.000
- YDbDr
- Y: 19.283, Db: 217.729, Dr: 36.704
- YPbPr
- Y: 12.523, Pb: 81.615, Pr: -7.998
- xvYCC
- Y: 26.755, Cb: 199.693, Cr: 120.974
- YIQ
- Y: 19.283, I: -52.962, Q: 50.504
- YUV
- Y: 19.283, U: 71.215, V: -16.917
- Okhsl
- h: 264.067, s: 1.000, l: 0.226
- Okhsv
- h: 264.067. s: 0.999, v: 0.629
- Okhwb
- h: 264.067, w: 0.001, b: 0.371
- Oklab
- l: 0.325, a: -0.023, b: -0.223
- Oklch
- l: 0.325, c: 0.225, h: 264.067
- マンセルカラーシステム
- 10PB 2/10 ΔE = 17.560
- ブランドカラー
- Wooga ΔE = 9.047