
HTML&CSS例
#063c6f前景
美人薄命。
<p style="color: #063c6f">…</p>
#063c6f背景
井の中の蛙大海を知らず。
<p style="background-color: #063c6f">…</p>
#063c6fテキストに影をつける
異体同心。
<p style="text-shadow: 0.1em 0.1em 0.15em #063c6f">…</p>
色空間変換
- 十進
- 408687
- 二進法
- 00000110, 00111100, 01101111
- 十六進法
- #063c6f
- LRV
- ≈ 4.4%
- 最も近い短い16進数
- #147 ΔE = 3.419
- RGB
- rgb(6, 60, 111)
- RGBA
- rgba(6, 60, 111, 1.0)
- rg色度
- r: 0.034, g: 0.339, b: 0.627
- RYB
- 赤色: 2.353%, 黄色: 16.337%, 青色: 43.529%
- Android/android.graphics.Color
- -16368529/0xff063c6f
- HSL
- hsl(209, 90%, 23%)
- HSLA
- hsla(209, 90%, 23%, 1.0)
- HSV/HSB
- 色相: 209° (209.143), 飽和: 95% (0.946), 値: 44% (0.435)
- HSP
- 色相: 209.143, 飽和: 94.595%, 知覚される明るさ: 23.295%
- HSLuv(HUSL)
- H: 251.799, S: 97.047, L: 25.006
- Cubehelix
- H: -154.863, S: 0.955, L: 0.194
- TSL
- T: -2.188, S: 0.402, L: 0.195
- CMYK
- シアン色: 95% (0.946), マゼンタ色: 46% (0.459), 黄色: 0% (0.000), キー・プレート: 56% (0.565)
- CMY
- シアン色: 98% (0.976), マゼンタ色: 76% (0.765), 黄色: 56% (0.565)
- XYZ
- X: 4.559, Y: 4.418, Z: 15.648
- xyY
- x: 0.185, y: 0.179, Y: 4.418
- Lab色空間
- L: 25.006, a: 4.919, b: -34.060
- CIELuv
- L: 25.006, u: -13.974, v: -42.501
- CIELCH/LCHab
- L: 25.006, C: 34.413, H: 278.218
- CIELUV/LCHuv
- L: 25.006, C: 44.739, H: 251.799
- Hunter-Lab
- L: 21.018, a: 1.938, b: -29.430
- CIECAM02
- J: 17.257, C: 42.583, h: 248.911, Q: 81.846, M: 37.238, s: 67.452, H: 305.466
- OSA-UCS
- 明度: -10.431, 黄色: -6.009, 緑色: 2.211
- LMS
- L: 2.697, M: 4.386, S: 15.462
- YCbCr
- Y: 58.660, Cb: 158.381, Cr: 100.673
- YCgCo
- Y: 59.250, Cg: 0.750, Co: -24.750
- YDbDr
- Y: 49.668, Db: 92.283, Dr: 83.049
- YPbPr
- Y: 52.170, Pb: 31.710, Pr: -29.346
- xvYCC
- Y: 60.805, Cb: 155.855, Cr: 102.222
- YIQ
- Y: 49.668, I: -48.553, Q: 4.449
- YUV
- Y: 49.668, U: 30.182, V: -38.311
- マンセルカラーシステム
- 5PB 2/8 ΔE = 2.612
- ブランドカラー
- HootSuite ΔE = 3.898