#9caafc
RGB
赤 | 156 |
---|---|
緑 | 170 |
青 | 252 |
HSL
色相 | 231° |
---|---|
彩度 | 94% |
明度 | 80% |
輝度 | 69% |
3桁の色
補色
反転色
RGB ( 赤 = 156, 緑 = 170, 青 = 252 )
HSL ( 色相 = 231°, 彩度 = 94%, 明度 = 80% )
H : 色相 ( 231° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #fc9e9c : -230
11 : #fcae9c : -220
21 : #fcbe9c : -210
31 : #fcce9c : -200
41 : #fcde9c : -190
51 : #fcee9c : -180
61 : #fafc9c : -170
71 : #eafc9c : -160
81 : #dafc9c : -150
91 : #cafc9c : -140
101 : #bafc9c : -130
111 : #aafc9c : -120
121 : #9cfc9e : -110
131 : #9cfcae : -100
141 : #9cfcbe : -90
151 : #9cfcce : -80
161 : #9cfcde : -70
171 : #9cfcee : -60
181 : #9cfafc : -50
191 : #9ceafc : -40
201 : #9cdafc : -30
211 : #9ccafc : -20
221 : #9cbafc : -10
231 : #9caafc : ±0
241 : #9e9cfc : +10
251 : #ae9cfc : +20
261 : #be9cfc : +30
271 : #ce9cfc : +40
281 : #de9cfc : +50
291 : #ee9cfc : +60
301 : #fc9cfa : +70
311 : #fc9cea : +80
321 : #fc9cda : +90
331 : #fc9cca : +100
341 : #fc9cba : +110
351 : #fc9caa : +120
221 : #9cbafc : -10
222 : #9cb9fc : -9
223 : #9cb7fc : -8
224 : #9cb6fc : -7
225 : #9cb4fc : -6
226 : #9cb2fc : -5
227 : #9cb1fc : -4
228 : #9caffc : -3
229 : #9caefc : -2
230 : #9cacfc : -1
231 : #9caafc : ±0
232 : #9ca9fc : +1
233 : #9ca7fc : +2
234 : #9ca6fc : +3
235 : #9ca4fc : +4
236 : #9ca2fc : +5
237 : #9ca1fc : +6
238 : #9c9ffc : +7
239 : #9c9efc : +8
240 : #9c9cfc : +9
241 : #9e9cfc : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #cccccc : -94
2 : #cbcbcd : -92
4 : #cacbce : -90
6 : #c9cacf : -88
8 : #c8c9d0 : -86
10 : #c7c8d1 : -84
12 : #c6c8d2 : -82
14 : #c5c7d3 : -80
16 : #c4c6d4 : -78
18 : #c3c6d5 : -76
20 : #c2c5d6 : -74
22 : #c1c4d7 : -72
24 : #c0c3d8 : -70
26 : #bfc3d9 : -68
28 : #bec2da : -66
30 : #bdc1db : -64
32 : #bcc1dc : -62
34 : #bbc0dd : -60
36 : #babfde : -58
38 : #b9bedf : -56
40 : #b8bee0 : -54
42 : #b7bde1 : -52
44 : #b6bce2 : -50
46 : #b5bce3 : -48
48 : #b4bbe4 : -46
50 : #b3bae6 : -44
52 : #b1b9e7 : -42
54 : #b0b9e8 : -40
56 : #afb8e9 : -38
58 : #aeb7ea : -36
60 : #adb7eb : -34
62 : #acb6ec : -32
64 : #abb5ed : -30
66 : #aab4ee : -28
68 : #a9b4ef : -26
70 : #a8b3f0 : -24
72 : #a7b2f1 : -22
74 : #a6b2f2 : -20
76 : #a5b1f3 : -18
78 : #a4b0f4 : -16
80 : #a3aff5 : -14
82 : #a2aff6 : -12
84 : #a1aef7 : -10
86 : #a0adf8 : -8
88 : #9fadf9 : -6
90 : #9eacfa : -4
92 : #9dabfb : -2
94 : #9caafc : ±0
96 : #9baafd : +2
98 : #9aa9fe : +4
100 : #99a8ff : +6
L : 明度 ( 80% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -80
2 : #00020a : -78
4 : #010314 : -76
6 : #01051e : -74
8 : #010728 : -72
10 : #020931 : -70
12 : #020a3b : -68
14 : #020c45 : -66
16 : #020e4f : -64
18 : #031059 : -62
20 : #031163 : -60
22 : #03136d : -58
24 : #041577 : -56
26 : #041781 : -54
28 : #04188b : -52
30 : #051a94 : -50
32 : #051c9e : -48
34 : #051ea8 : -46
36 : #061fb2 : -44
38 : #0621bc : -42
40 : #0623c6 : -40
42 : #0625d0 : -38
44 : #0726da : -36
46 : #0728e4 : -34
48 : #072aed : -32
50 : #082cf7 : -30
52 : #1234f8 : -28
54 : #1b3df8 : -26
56 : #2545f8 : -24
58 : #2f4df9 : -22
60 : #3956f9 : -20
62 : #435ef9 : -18
64 : #4d67f9 : -16
66 : #576ffa : -14
68 : #6178fa : -12
70 : #6b80fa : -10
72 : #7489fb : -8
74 : #7e91fb : -6
76 : #889afb : -4
78 : #92a2fc : -2
80 : #9caafc : ±0
82 : #a6b3fc : +2
84 : #b0bbfd : +4
86 : #bac4fd : +6
88 : #c4ccfd : +8
90 : #ced5fd : +10
92 : #d7ddfe : +12
94 : #e1e6fe : +14
96 : #ebeefe : +16
98 : #f5f7ff : +18
100 : #ffffff : +20
CSS入門、作ってます。
text-shadow