#9cecfc
RGB
赤 | 156 |
---|---|
緑 | 236 |
青 | 252 |
HSL
色相 | 190° |
---|---|
彩度 | 94% |
明度 | 80% |
輝度 | 84% |
3桁の色
補色
反転色
RGB ( 赤 = 156, 緑 = 236, 青 = 252 )
HSL ( 色相 = 190°, 彩度 = 94%, 明度 = 80% )
H : 色相 ( 190° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #fc9c9c : -190
10 : #fcac9c : -180
20 : #fcbc9c : -170
30 : #fccc9c : -160
40 : #fcdc9c : -150
50 : #fcec9c : -140
60 : #fcfc9c : -130
70 : #ecfc9c : -120
80 : #dcfc9c : -110
90 : #ccfc9c : -100
100 : #bcfc9c : -90
110 : #acfc9c : -80
120 : #9cfc9c : -70
130 : #9cfcac : -60
140 : #9cfcbc : -50
150 : #9cfccc : -40
160 : #9cfcdc : -30
170 : #9cfcec : -20
180 : #9cfcfc : -10
190 : #9cecfc : ±0
200 : #9cdcfc : +10
210 : #9cccfc : +20
220 : #9cbcfc : +30
230 : #9cacfc : +40
240 : #9c9cfc : +50
250 : #ac9cfc : +60
260 : #bc9cfc : +70
270 : #cc9cfc : +80
280 : #dc9cfc : +90
290 : #ec9cfc : +100
300 : #fc9cfc : +110
310 : #fc9cec : +120
320 : #fc9cdc : +130
330 : #fc9ccc : +140
340 : #fc9cbc : +150
350 : #fc9cac : +160
180 : #9cfcfc : -10
181 : #9cfafc : -9
182 : #9cf9fc : -8
183 : #9cf7fc : -7
184 : #9cf6fc : -6
185 : #9cf4fc : -5
186 : #9cf2fc : -4
187 : #9cf1fc : -3
188 : #9ceffc : -2
189 : #9ceefc : -1
190 : #9cecfc : ±0
191 : #9ceafc : +1
192 : #9ce9fc : +2
193 : #9ce7fc : +3
194 : #9ce6fc : +4
195 : #9ce4fc : +5
196 : #9ce2fc : +6
197 : #9ce1fc : +7
198 : #9cdffc : +8
199 : #9cdefc : +9
200 : #9cdcfc : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #cccccc : -94
2 : #cbcdcd : -92
4 : #cacdce : -90
6 : #c9cecf : -88
8 : #c8cfd0 : -86
10 : #c7cfd1 : -84
12 : #c6d0d2 : -82
14 : #c5d1d3 : -80
16 : #c4d1d4 : -78
18 : #c3d2d5 : -76
20 : #c2d3d6 : -74
22 : #c1d3d7 : -72
24 : #c0d4d8 : -70
26 : #bfd5d9 : -68
28 : #bed6da : -66
30 : #bdd6db : -64
32 : #bcd7dc : -62
34 : #bbd8dd : -60
36 : #bad8de : -58
38 : #b9d9df : -56
40 : #b8dae0 : -54
42 : #b7dae1 : -52
44 : #b6dbe2 : -50
46 : #b5dce3 : -48
48 : #b4dce4 : -46
50 : #b3dde6 : -44
52 : #b1dee7 : -42
54 : #b0dee8 : -40
56 : #afdfe9 : -38
58 : #aee0ea : -36
60 : #ade0eb : -34
62 : #ace1ec : -32
64 : #abe2ed : -30
66 : #aae2ee : -28
68 : #a9e3ef : -26
70 : #a8e4f0 : -24
72 : #a7e4f1 : -22
74 : #a6e5f2 : -20
76 : #a5e6f3 : -18
78 : #a4e7f4 : -16
80 : #a3e7f5 : -14
82 : #a2e8f6 : -12
84 : #a1e9f7 : -10
86 : #a0e9f8 : -8
88 : #9feaf9 : -6
90 : #9eebfa : -4
92 : #9debfb : -2
94 : #9cecfc : ±0
96 : #9bedfd : +2
98 : #9aedfe : +4
100 : #99eeff : +6
L : 明度 ( 80% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -80
2 : #00080a : -78
4 : #011114 : -76
6 : #01191e : -74
8 : #012128 : -72
10 : #022931 : -70
12 : #02323b : -68
14 : #023a45 : -66
16 : #02424f : -64
18 : #034b59 : -62
20 : #035363 : -60
22 : #035b6d : -58
24 : #046477 : -56
26 : #046c81 : -54
28 : #04748b : -52
30 : #057c94 : -50
32 : #05859e : -48
34 : #058da8 : -46
36 : #0695b2 : -44
38 : #069ebc : -42
40 : #06a6c6 : -40
42 : #06aed0 : -38
44 : #07b7da : -36
46 : #07bfe4 : -34
48 : #07c7ed : -32
50 : #08cff7 : -30
52 : #12d1f8 : -28
54 : #1bd3f8 : -26
56 : #25d5f8 : -24
58 : #2fd7f9 : -22
60 : #39d9f9 : -20
62 : #43dbf9 : -18
64 : #4dddf9 : -16
66 : #57dffa : -14
68 : #61e1fa : -12
70 : #6be2fa : -10
72 : #74e4fb : -8
74 : #7ee6fb : -6
76 : #88e8fb : -4
78 : #92eafc : -2
80 : #9cecfc : ±0
82 : #a6eefc : +2
84 : #b0f0fd : +4
86 : #baf2fd : +6
88 : #c4f4fd : +8
90 : #cef5fd : +10
92 : #d7f7fe : +12
94 : #e1f9fe : +14
96 : #ebfbfe : +16
98 : #f5fdff : +18
100 : #ffffff : +20
CSS入門、作ってます。
text-shadow