
HTML&CSS例
#00c6e6前景
案ずるより産むが易し。
<p style="color: #00c6e6">…</p>
#00c6e6背景
異体同心。
<p style="background-color: #00c6e6">…</p>
#00c6e6テキストに影をつける
悪因悪果。
<p style="text-shadow: 0.1em 0.1em 0.15em #00c6e6">…</p>
色空間変換
- 十進
- 50918
- 二進法
- 00000000, 11000110, 11100110
- 十六進法
- #00c6e6
- LRV
- ≈ 46.1%
- 最も近い短い16進数
- #0ce ΔE = 2.128
- RGB
- rgb(0, 198, 230)
- RGBA
- rgba(0, 198, 230, 1.0)
- rg色度
- r: 0.000, g: 0.463, b: 0.537
- RYB
- 赤色: 0.000%, 黄色: 41.726%, 青色: 90.196%
- Android/android.graphics.Color
- -16726298/0xff00c6e6
- HSL
- hsl(188, 100%, 45%)
- HSLA
- hsla(188, 100%, 45%, 1.0)
- HSV/HSB
- 色相: 188° (188.348), 飽和: 100% (1.000), 値: 90% (0.902)
- HSP
- 色相: 188.348, 飽和: 100.000%, 知覚される明るさ: 66.832%
- HSLuv(HUSL)
- H: 216.494, S: 100.019, L: 73.608
- Cubehelix
- H: -179.628, S: 1.400, L: 0.557
- TSL
- T: -1.636, S: 0.480, L: 0.559
- CMYK
- シアン色: 100% (1.000), マゼンタ色: 14% (0.139), 黄色: 0% (0.000), キー・プレート: 10% (0.098)
- CMY
- シアン色: 100% (1.000), マゼンタ色: 22% (0.224), 黄色: 10% (0.098)
- XYZ
- X: 34.471, Y: 46.097, Z: 81.928
- xyY
- x: 0.212, y: 0.284, Y: 46.097
- Lab色空間
- L: 73.608, a: -29.676, b: -27.412
- CIELuv
- L: 73.608, u: -53.531, v: -39.603
- CIELCH/LCHab
- L: 73.608, C: 40.399, H: 222.729
- CIELUV/LCHuv
- L: 73.608, C: 66.588, H: 216.494
- Hunter-Lab
- L: 67.895, a: -28.189, b: -24.019
- CIECAM02
- J: 63.107, C: 55.047, h: 216.540, Q: 156.513, M: 48.138, s: 55.458, H: 274.934
- OSA-UCS
- 明度: -10.149, 黄色: -4.524, 緑色: 6.271
- LMS
- L: 31.758, M: 54.495, S: 81.299
- YCbCr
- Y: 138.332, Cb: 171.352, Cr: 38.806
- YCoCg
- Y: 156.500, Cg: 41.500, Co: -57.500
- YDbDr
- Y: 142.446, Db: 131.756, Dr: 270.878
- YPbPr
- Y: 158.130, Pb: 38.770, Pr: -100.472
- xvYCC
- Y: 151.806, Cb: 162.057, Cr: 39.742
- YIQ
- Y: 142.446, I: -128.232, Q: -31.912
- YUV
- Y: 142.446, U: 43.086, V: -124.970
- マンセルカラーシステム
- 7.5B 7/8 ΔE = 3.135
- ブランドカラー
- Virb ΔE = 8.850