#c871fe
RGB
| 赤 | 200 |
|---|---|
| 緑 | 113 |
| 青 | 254 |
HSL
| 色相 | 277° |
|---|---|
| 彩度 | 99% |
| 明度 | 72% |
| 輝度 | 61% |
３桁の色
補色
反転色
RGB ( 赤 = 200, 緑 = 113, 青 = 254 )
HSL ( 色相 = 277°, 彩度 = 99%, 明度 = 72% )
H : 色相 ( 277° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #fe8171 : -270
17 : #fe9971 : -260
27 : #feb171 : -250
37 : #fec871 : -240
47 : #fee071 : -230
57 : #fef771 : -220
67 : #eefe71 : -210
77 : #d6fe71 : -200
87 : #bffe71 : -190
97 : #a7fe71 : -180
107 : #90fe71 : -170
117 : #78fe71 : -160
127 : #71fe81 : -150
137 : #71fe99 : -140
147 : #71feb1 : -130
157 : #71fec8 : -120
167 : #71fee0 : -110
177 : #71fef7 : -100
187 : #71eefe : -90
197 : #71d6fe : -80
207 : #71bffe : -70
217 : #71a7fe : -60
227 : #7190fe : -50
237 : #7178fe : -40
247 : #8171fe : -30
257 : #9971fe : -20
267 : #b171fe : -10
277 : #c871fe : ±0
287 : #e071fe : +10
297 : #f771fe : +20
307 : #fe71ee : +30
317 : #fe71d6 : +40
327 : #fe71bf : +50
337 : #fe71a7 : +60
347 : #fe7190 : +70
357 : #fe7178 : +80
267 : #b171fe : -10
268 : #b371fe : -9
269 : #b571fe : -8
270 : #b871fe : -7
271 : #ba71fe : -6
272 : #bc71fe : -5
273 : #bf71fe : -4
274 : #c171fe : -3
275 : #c371fe : -2
276 : #c671fe : -1
277 : #c871fe : ±0
278 : #ca71fe : +1
279 : #cd71fe : +2
280 : #cf71fe : +3
281 : #d271fe : +4
282 : #d471fe : +5
283 : #d671fe : +6
284 : #d971fe : +7
285 : #db71fe : +8
286 : #dd71fe : +9
287 : #e071fe : +10
S : 彩度 ( 99% )
(0%) 渋い ～ 鮮やか (100%)
1 : #b8b7b8 : -98
3 : #b8b5ba : -96
5 : #b8b4bb : -94
7 : #b9b3bd : -92
9 : #b9b1be : -90
11 : #b9b0bf : -88
13 : #baaec1 : -86
15 : #baadc2 : -84
17 : #baabc4 : -82
19 : #bbaac5 : -80
21 : #bba9c7 : -78
23 : #bba7c8 : -76
25 : #bca6c9 : -74
27 : #bca4cb : -72
29 : #bca3cc : -70
31 : #bda1ce : -68
33 : #bda0cf : -66
35 : #bd9fd1 : -64
37 : #be9dd2 : -62
39 : #be9cd3 : -60
41 : #be9ad5 : -58
43 : #bf99d6 : -56
45 : #bf97d8 : -54
47 : #bf96d9 : -52
49 : #c095db : -50
51 : #c093dc : -48
53 : #c092dd : -46
55 : #c190df : -44
57 : #c18fe0 : -42
59 : #c18de2 : -40
61 : #c28ce3 : -38
63 : #c28be5 : -36
65 : #c289e6 : -34
67 : #c388e7 : -32
69 : #c386e9 : -30
71 : #c385ea : -28
73 : #c483ec : -26
75 : #c482ed : -24
77 : #c481ef : -22
79 : #c57ff0 : -20
81 : #c57ef1 : -18
83 : #c57cf3 : -16
85 : #c67bf4 : -14
87 : #c679f6 : -12
89 : #c678f7 : -10
91 : #c777f9 : -8
93 : #c775fa : -6
95 : #c774fb : -4
97 : #c872fd : -2
99 : #c871fe : ±0
L : 明度 ( 72% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -72
2 : #06000a : -70
4 : #0d0014 : -68
6 : #13001e : -66
8 : #190029 : -64
10 : #1f0033 : -62
12 : #26003d : -60
14 : #2c0047 : -58
16 : #320051 : -56
18 : #39005b : -54
20 : #3f0165 : -52
22 : #450170 : -50
24 : #4b017a : -48
26 : #520184 : -46
28 : #58018e : -44
30 : #5e0198 : -42
32 : #6401a2 : -40
34 : #6b01ad : -38
36 : #7101b7 : -36
38 : #7701c1 : -34
40 : #7e01cb : -32
42 : #8401d5 : -30
44 : #8a01df : -28
46 : #9001e9 : -26
48 : #9701f4 : -24
50 : #9d01fe : -22
52 : #a10bfe : -20
54 : #a516fe : -18
56 : #a920fe : -16
58 : #ad2afe : -14
60 : #b134fe : -12
62 : #b43efe : -10
64 : #b848fe : -8
66 : #bc52fe : -6
68 : #c05dfe : -4
70 : #c467fe : -2
72 : #c871fe : ±0
74 : #cc7bfe : +2
76 : #d085fe : +4
78 : #d48ffe : +6
80 : #d89afe : +8
82 : #dca4ff : +10
84 : #e0aeff : +12
86 : #e4b8ff : +14
88 : #e7c2ff : +16
90 : #ebccff : +18
92 : #efd6ff : +20
94 : #f3e1ff : +22
96 : #f7ebff : +24
98 : #fbf5ff : +26
100 : #ffffff : +28
CSS入門、作ってます。
text-shadow