
HTML&CSS例
#00c4fd前景
悪因悪果。
<p style="color: #00c4fd">…</p>
#00c4fd背景
案ずるより産むが易し。
<p style="background-color: #00c4fd">…</p>
#00c4fdテキストに影をつける
異体同心。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c4fd">…</p>
色空間変換
- 十進
- 50429
- 二進法
- 00000000, 11000100, 11111101
- 十六進法
- #00c4fd
- LRV
- ≈ 46.6%
- 最も近い短い16進数
- #3be ΔE = 3.174
- RGB
- rgb(0, 196, 253)
- RGBA
- rgba(0, 196, 253, 1.0)
- rg色度
- r: 0.000, g: 0.437, b: 0.563
- RYB
- 赤色: 0.000%, 黄色: 43.310%, 青色: 99.216%
- Android/android.graphics.Color
- -16726787/0xff00c4fd
- HSL
- hsl(194, 100%, 50%)
- HSLA
- hsla(194, 100%, 50%, 1.0)
- HSV/HSB
- 色相: 194° (193.518), 飽和: 100% (1.000), 値: 99% (0.992)
- HSP
- 色相: 193.518, 飽和: 100.000%, 知覚される明るさ: 67.750%
- HSLuv(HUSL)
- H: 230.151, S: 100.019, L: 73.912
- Cubehelix
- H: -173.798, S: 1.498, L: 0.563
- TSL
- T: -1.746, S: 0.468, L: 0.564
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 23% (0.225), 黄色: 0% (0.000), キー・プレート: 1% (0.008)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 23% (0.231), 黄色: 1% (0.008)
- XYZ
- X: 37.462, Y: 46.567, Z: 99.923
- xyY
- x: 0.204, y: 0.253, Y: 46.567
- Lab色空間
- L: 73.912, a: -20.954, b: -39.336
- CIELuv
- L: 73.912, u: -51.080, v: -61.201
- CIELCH/LCHab
- L: 73.912, C: 44.569, H: 241.956
- CIELUV/LCHuv
- L: 73.912, C: 79.717, H: 230.151
- Hunter-Lab
- L: 68.240, a: -21.427, b: -39.050
- CIECAM02
- J: 63.408, C: 60.797, h: 227.851, Q: 156.885, M: 53.166, s: 58.214, H: 288.745
- OSA-UCS
- 明度: -10.220, 黄色: -6.650, 緑色: 5.921
- LMS
- L: 31.230, M: 53.298, S: 99.010
- YCbCr
- Y: 139.578, Cb: 182.031, Cr: 37.909
- YCoCg
- Y: 161.250, Cg: 34.750, Co: -63.250
- YDbDr
- Y: 143.894, Db: 164.181, Dr: 273.637
- YPbPr
- Y: 158.356, Pb: 51.040, Pr: -100.622
- xvYCC
- Y: 152.000, Cb: 172.835, Cr: 39.610
- YIQ
- Y: 143.894, I: -135.072, Q: -23.711
- YUV
- Y: 143.894, U: 53.691, V: -126.241
- マンセルカラーシステム
- 10B 7/8 ΔE = 6.838
- ブランドカラー
- Engadget ΔE = 2.417