
HTML&CSS例
#00c3fe前景
十人十色。
<p style="color: #00c3fe">…</p>
#00c3fe背景
二兎を追う者は一兎をも得ず。
<p style="background-color: #00c3fe">…</p>
#00c3feテキストに影をつける
花より団子。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c3fe">…</p>
色空間変換
- 十進
- 50174
- 二進法
- 00000000, 11000011, 11111110
- 十六進法
- #00c3fe
- LRV
- ≈ 46.2%
- 最も近い短い16進数
- #3be ΔE = 3.109
- RGB
- rgb(0, 195, 254)
- RGBA
- rgba(0, 195, 254, 1.0)
- rg色度
- r: 0.000, g: 0.434, b: 0.566
- RYB
- 赤色: 0.000%, 黄色: 43.260%, 青色: 99.608%
- Android/android.graphics.Color
- -16727042/0xff00c3fe
- HSL
- hsl(194, 100%, 50%)
- HSLA
- hsla(194, 100%, 50%, 1.0)
- HSV/HSB
- 色相: 194° (193.937), 飽和: 100% (1.000), 値: 100% (0.996)
- HSP
- 色相: 193.937, 飽和: 100.000%, 知覚される明るさ: 67.555%
- HSLuv(HUSL)
- H: 231.137, S: 100.019, L: 73.663
- Cubehelix
- H: -173.311, S: 1.499, L: 0.561
- TSL
- T: -1.755, S: 0.467, L: 0.562
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 23% (0.232), 黄色: 0% (0.000), キー・プレート: 0% (0.004)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 24% (0.235), 黄色: 0% (0.004)
- XYZ
- X: 37.397, Y: 46.181, Z: 100.689
- xyY
- x: 0.203, y: 0.251, Y: 46.181
- Lab色空間
- L: 73.663, a: -20.094, b: -40.261
- CIELuv
- L: 73.663, u: -50.673, v: -62.883
- CIELCH/LCHab
- L: 73.663, C: 44.997, H: 243.477
- CIELUV/LCHuv
- L: 73.663, C: 80.758, H: 231.137
- Hunter-Lab
- L: 67.957, a: -20.694, b: -40.279
- CIECAM02
- J: 63.114, C: 61.214, h: 228.709, Q: 156.521, M: 53.531, s: 58.481, H: 289.764
- OSA-UCS
- 明度: -10.226, 黄色: -6.818, 緑色: 5.874
- LMS
- L: 30.892, M: 52.694, S: 99.758
- YCbCr
- Y: 139.172, Cb: 182.761, Cr: 38.206
- YCoCg
- Y: 161.000, Cg: 34.000, Co: -63.500
- YDbDr
- Y: 143.421, Db: 166.397, Dr: 272.738
- YPbPr
- Y: 157.713, Pb: 51.925, Pr: -100.214
- xvYCC
- Y: 151.448, Cb: 173.613, Cr: 39.969
- YIQ
- Y: 143.421, I: -135.119, Q: -22.877
- YUV
- Y: 143.421, U: 54.416, V: -125.826
- マンセルカラーシステム
- 10B 7/8 ΔE = 7.332
- ブランドカラー
- Engadget ΔE = 2.114