#c538f0
RGB
赤 | 197 |
---|---|
緑 | 56 |
青 | 240 |
HSL
色相 | 286° |
---|---|
彩度 | 86% |
明度 | 58% |
輝度 | 47% |
3桁の色
補色
反転色
RGB ( 赤 = 197, 緑 = 56, 青 = 240 )
HSL ( 色相 = 286°, 彩度 = 86%, 明度 = 58% )
H : 色相 ( 286° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #f04a38 : -280
16 : #f06938 : -270
26 : #f08838 : -260
36 : #f0a638 : -250
46 : #f0c538 : -240
56 : #f0e438 : -230
66 : #def038 : -220
76 : #bff038 : -210
86 : #a0f038 : -200
96 : #81f038 : -190
106 : #63f038 : -180
116 : #44f038 : -170
126 : #38f04a : -160
136 : #38f069 : -150
146 : #38f088 : -140
156 : #38f0a6 : -130
166 : #38f0c5 : -120
176 : #38f0e4 : -110
186 : #38def0 : -100
196 : #38bff0 : -90
206 : #38a0f0 : -80
216 : #3881f0 : -70
226 : #3863f0 : -60
236 : #3844f0 : -50
246 : #4a38f0 : -40
256 : #6938f0 : -30
266 : #8838f0 : -20
276 : #a638f0 : -10
286 : #c538f0 : ±0
296 : #e438f0 : +10
306 : #f038de : +20
316 : #f038bf : +30
326 : #f038a0 : +40
336 : #f03881 : +50
346 : #f03863 : +60
356 : #f03844 : +70
276 : #a638f0 : -10
277 : #a938f0 : -9
278 : #ac38f0 : -8
279 : #b038f0 : -7
280 : #b338f0 : -6
281 : #b638f0 : -5
282 : #b938f0 : -4
283 : #bc38f0 : -3
284 : #bf38f0 : -2
285 : #c238f0 : -1
286 : #c538f0 : ±0
287 : #c838f0 : +1
288 : #cb38f0 : +2
289 : #ce38f0 : +3
290 : #d138f0 : +4
291 : #d438f0 : +5
292 : #d738f0 : +6
293 : #db38f0 : +7
294 : #de38f0 : +8
295 : #e138f0 : +9
296 : #e438f0 : +10
S : 彩度 ( 86% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -86
2 : #959296 : -84
4 : #969098 : -82
6 : #978d9a : -80
8 : #988b9c : -78
10 : #9a899f : -76
12 : #9b87a1 : -74
14 : #9c85a3 : -72
16 : #9d83a5 : -70
18 : #9e81a7 : -68
20 : #9f7ea9 : -66
22 : #a07cab : -64
24 : #a27aae : -62
26 : #a378b0 : -60
28 : #a476b2 : -58
30 : #a574b4 : -56
32 : #a672b6 : -54
34 : #a76fb8 : -52
36 : #a86dba : -50
38 : #aa6bbd : -48
40 : #ab69bf : -46
42 : #ac67c1 : -44
44 : #ad65c3 : -42
46 : #ae63c5 : -40
48 : #af60c7 : -38
50 : #b05ec9 : -36
52 : #b25ccc : -34
54 : #b35ace : -32
56 : #b458d0 : -30
58 : #b556d2 : -28
60 : #b654d4 : -26
62 : #b751d6 : -24
64 : #b84fd8 : -22
66 : #ba4ddb : -20
68 : #bb4bdd : -18
70 : #bc49df : -16
72 : #bd47e1 : -14
74 : #be45e3 : -12
76 : #bf43e5 : -10
78 : #c040e7 : -8
80 : #c23eea : -6
82 : #c33cec : -4
84 : #c43aee : -2
86 : #c538f0 : ±0
88 : #c636f2 : +2
90 : #c734f4 : +4
92 : #c831f6 : +6
94 : #ca2ff9 : +8
96 : #cb2dfb : +10
98 : #cc2bfd : +12
100 : #cd29ff : +14
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #070109 : -56
4 : #0f0113 : -54
6 : #16021c : -52
8 : #1e0326 : -50
10 : #25042f : -48
12 : #2d0439 : -46
14 : #340542 : -44
16 : #3c064c : -42
18 : #430655 : -40
20 : #4a075f : -38
22 : #520868 : -36
24 : #590972 : -34
26 : #61097b : -32
28 : #680a85 : -30
30 : #700b8e : -28
32 : #770b98 : -26
34 : #7e0ca1 : -24
36 : #860dab : -22
38 : #8d0eb4 : -20
40 : #950ebe : -18
42 : #9c0fc7 : -16
44 : #a410d1 : -14
46 : #ab10da : -12
48 : #b311e4 : -10
50 : #ba12ed : -8
52 : #bd1bee : -6
54 : #c025ef : -4
56 : #c22eef : -2
58 : #c538f0 : ±0
60 : #c841f1 : +2
62 : #cb4bf1 : +4
64 : #cd54f2 : +6
66 : #d05ef3 : +8
68 : #d367f4 : +10
70 : #d671f4 : +12
72 : #d87af5 : +14
74 : #db84f6 : +16
76 : #de8df6 : +18
78 : #e197f7 : +20
80 : #e3a0f8 : +22
82 : #e6aaf9 : +24
84 : #e9b3f9 : +26
86 : #ecbdfa : +28
88 : #eec6fb : +30
90 : #f1d0fb : +32
92 : #f4d9fc : +34
94 : #f7e3fd : +36
96 : #f9ecfe : +38
98 : #fcf6fe : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow