
HTML&CSS例
#00c3fc前景
案ずるより産むが易し。
<p style="color: #00c3fc">…</p>
#00c3fc背景
猿も木から落ちる。
<p style="background-color: #00c3fc">…</p>
#00c3fcテキストに影をつける
十人十色。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c3fc">…</p>
色空間変換
- 十進
- 50172
- 二進法
- 00000000, 11000011, 11111100
- 十六進法
- #00c3fc
- LRV
- ≈ 46.1%
- 最も近い短い16進数
- #3be ΔE = 2.871
- RGB
- rgb(0, 195, 252)
- RGBA
- rgba(0, 195, 252, 1.0)
- rg色度
- r: 0.000, g: 0.436, b: 0.564
- RYB
- 赤色: 0.000%, 黄色: 43.111%, 青色: 98.824%
- Android/android.graphics.Color
- -16727044/0xff00c3fc
- HSL
- hsl(194, 100%, 49%)
- HSLA
- hsla(194, 100%, 49%, 1.0)
- HSV/HSB
- 色相: 194° (193.571), 飽和: 100% (1.000), 値: 99% (0.988)
- HSP
- 色相: 193.571, 飽和: 100.000%, 知覚される明るさ: 67.424%
- HSLuv(HUSL)
- H: 230.271, S: 100.019, L: 73.580
- Cubehelix
- H: -173.736, S: 1.490, L: 0.560
- TSL
- T: -1.747, S: 0.468, L: 0.562
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 23% (0.226), 黄色: 0% (0.000), キー・プレート: 1% (0.012)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 24% (0.235), 黄色: 1% (0.012)
- XYZ
- X: 37.078, Y: 46.053, Z: 99.012
- xyY
- x: 0.204, y: 0.253, Y: 46.053
- Lab色空間
- L: 73.580, a: -20.781, b: -39.315
- CIELuv
- L: 73.580, u: -50.823, v: -61.153
- CIELCH/LCHab
- L: 73.580, C: 44.469, H: 242.140
- CIELUV/LCHuv
- L: 73.580, C: 79.515, H: 230.271
- Hunter-Lab
- L: 67.863, a: -21.232, b: -39.000
- CIECAM02
- J: 63.024, C: 60.681, h: 227.956, Q: 156.409, M: 53.065, s: 58.247, H: 288.870
- OSA-UCS
- 明度: -10.221, 黄色: -6.648, 緑色: 5.895
- LMS
- L: 30.876, M: 52.691, S: 98.105
- YCbCr
- Y: 138.976, Cb: 181.883, Cr: 38.348
- YCoCg
- Y: 160.500, Cg: 34.500, Co: -63.000
- YDbDr
- Y: 143.193, Db: 163.731, Dr: 272.304
- YPbPr
- Y: 157.569, Pb: 50.925, Pr: -100.122
- xvYCC
- Y: 151.324, Cb: 172.734, Cr: 40.050
- YIQ
- Y: 143.193, I: -134.477, Q: -23.499
- YUV
- Y: 143.193, U: 53.544, V: -125.626
- マンセルカラーシステム
- 10B 7/8 ΔE = 6.897
- ブランドカラー
- Engadget ΔE = 2.073