
HTML&CSS例
#00059a前景
自業自得。
<p style="color: #00059a">…</p>
#00059a背景
蛙の子は蛙。
<p style="background-color: #00059a">…</p>
#00059aテキストに影をつける
自業自得。
<p style="text-shadow: 0.1em 0.1em 0.15em #00059a">…</p>
色空間変換
- 十進
- 1434
- 二進法
- 00000000, 00000101, 10011010
- 十六進法
- #00059a
- LRV
- ≈ 2.4%
- 最も近い短い16進数
- #109 ΔE = 0.641
- RGB
- rgb(0, 5, 154)
- RGBA
- rgba(0, 5, 154, 1.0)
- rg色度
- r: 0.000, g: 0.031, b: 0.969
- RYB
- 赤色: 0.000%, 黄色: 1.899%, 青色: 60.392%
- Android/android.graphics.Color
- -16775782/0xff00059a
- HSL
- hsl(238, 100%, 30%)
- HSLA
- hsla(238, 100%, 30%, 1.0)
- HSV/HSB
- 色相: 238° (238.052), 飽和: 100% (1.000), 値: 60% (0.604)
- HSP
- 色相: 238.052, 飽和: 100.000%, 知覚される明るさ: 20.446%
- HSLuv(HUSL)
- H: 265.681, S: 100.019, L: 17.649
- Cubehelix
- H: -124.618, S: 3.719, L: 0.078
- TSL
- T: -2.873, S: 0.603, L: 0.080
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 97% (0.968), 黄色: 0% (0.000), キー・プレート: 40% (0.396)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 98% (0.980), 黄色: 40% (0.396)
- XYZ
- X: 5.885, Y: 2.441, Z: 30.727
- xyY
- x: 0.151, y: 0.063, Y: 2.441
- Lab色空間
- L: 17.649, a: 52.768, b: -73.169
- CIELuv
- L: 17.649, u: -5.289, v: -70.029
- CIELCH/LCHab
- L: 17.649, C: 90.211, H: 305.798
- CIELUV/LCHuv
- L: 17.649, C: 70.229, H: 265.681
- Hunter-Lab
- L: 15.623, a: 39.898, b: -105.671
- CIECAM02
- J: 11.665, C: 65.981, h: 258.203, Q: 67.289, M: 57.699, s: 92.600, H: 310.155
- OSA-UCS
- 明度: -11.059, 黄色: -13.788, 緑色: 4.299
- LMS
- L: 0.371, M: 0.190, S: 30.267
- YCbCr
- Y: 33.612, Cb: 194.151, Cr: 115.226
- YCoCg
- Y: 41.000, Cg: -36.000, Co: -38.500
- YDbDr
- Y: 20.491, Db: 200.867, Dr: 38.998
- YPbPr
- Y: 14.663, Pb: 75.075, Pr: -9.354
- xvYCC
- Y: 28.593, Cb: 193.948, Cr: 119.783
- YIQ
- Y: 20.491, I: -50.847, Q: 45.302
- YUV
- Y: 20.491, U: 65.700, V: -17.976
- Okhsl
- h: 264.125, s: 0.998, l: 0.213
- Okhsv
- h: 264.125. s: 0.992, v: 0.588
- Okhwb
- h: 264.125, w: 0.005, b: 0.412
- Oklab
- l: 0.314, a: -0.022, b: -0.211
- Oklch
- l: 0.314, c: 0.213, h: 264.125
- マンセルカラーシステム
- 10PB 2/10 ΔE = 15.940
- ブランドカラー
- Wooga ΔE = 9.804