#c628fb
RGB
| 赤 | 198 |
|---|---|
| 緑 | 40 |
| 青 | 251 |
HSL
| 色相 | 285° |
|---|---|
| 彩度 | 96% |
| 明度 | 57% |
| 輝度 | 44% |
３桁の色
補色
反転色
RGB ( 赤 = 198, 緑 = 40, 青 = 251 )
HSL ( 色相 = 285°, 彩度 = 96%, 明度 = 57% )
H : 色相 ( 285° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #fb3a28 : -280
15 : #fb5d28 : -270
25 : #fb8028 : -260
35 : #fba328 : -250
45 : #fbc628 : -240
55 : #fbe928 : -230
65 : #e9fb28 : -220
75 : #c6fb28 : -210
85 : #a3fb28 : -200
95 : #80fb28 : -190
105 : #5dfb28 : -180
115 : #3afb28 : -170
125 : #28fb3a : -160
135 : #28fb5d : -150
145 : #28fb80 : -140
155 : #28fba3 : -130
165 : #28fbc6 : -120
175 : #28fbe9 : -110
185 : #28e9fb : -100
195 : #28c6fb : -90
205 : #28a3fb : -80
215 : #2880fb : -70
225 : #285dfb : -60
235 : #283afb : -50
245 : #3a28fb : -40
255 : #5d28fb : -30
265 : #8028fb : -20
275 : #a328fb : -10
285 : #c628fb : ±0
295 : #e928fb : +10
305 : #fb28e9 : +20
315 : #fb28c6 : +30
325 : #fb28a3 : +40
335 : #fb2880 : +50
345 : #fb285d : +60
355 : #fb283a : +70
275 : #a328fb : -10
276 : #a628fb : -9
277 : #aa28fb : -8
278 : #ad28fb : -7
279 : #b128fb : -6
280 : #b428fb : -5
281 : #b828fb : -4
282 : #bb28fb : -3
283 : #bf28fb : -2
284 : #c228fb : -1
285 : #c628fb : ±0
286 : #c928fb : +1
287 : #cd28fb : +2
288 : #d128fb : +3
289 : #d428fb : +4
290 : #d828fb : +5
291 : #db28fb : +6
292 : #df28fb : +7
293 : #e228fb : +8
294 : #e628fb : +9
295 : #e928fb : +10
S : 彩度 ( 96% )
(0%) 渋い ～ 鮮やか (100%)
0 : #919191 : -96
2 : #928f94 : -94
4 : #948d96 : -92
6 : #958b98 : -90
8 : #96899a : -88
10 : #97869c : -86
12 : #98849f : -84
14 : #9982a1 : -82
16 : #9a80a3 : -80
18 : #9b7ea5 : -78
20 : #9c7ba7 : -76
22 : #9d79a9 : -74
24 : #9f77ac : -72
26 : #a075ae : -70
28 : #a173b0 : -68
30 : #a270b2 : -66
32 : #a36eb4 : -64
34 : #a46cb7 : -62
36 : #a56ab9 : -60
38 : #a668bb : -58
40 : #a765bd : -56
42 : #a863bf : -54
44 : #a961c2 : -52
46 : #ab5fc4 : -50
48 : #ac5dc6 : -48
50 : #ad5bc8 : -46
52 : #ae58ca : -44
54 : #af56cd : -42
56 : #b054cf : -40
58 : #b152d1 : -38
60 : #b250d3 : -36
62 : #b34dd5 : -34
64 : #b44bd8 : -32
66 : #b649da : -30
68 : #b747dc : -28
70 : #b845de : -26
72 : #b942e0 : -24
74 : #ba40e2 : -22
76 : #bb3ee5 : -20
78 : #bc3ce7 : -18
80 : #bd3ae9 : -16
82 : #be37eb : -14
84 : #bf35ed : -12
86 : #c033f0 : -10
88 : #c231f2 : -8
90 : #c32ff4 : -6
92 : #c42cf6 : -4
94 : #c52af8 : -2
96 : #c628fb : ±0
98 : #c726fd : +2
100 : #c824ff : +4
L : 明度 ( 57% )
(0%) 暗い ～ 明るい (100%)
1 : #040005 : -56
3 : #0b000f : -54
5 : #130119 : -52
7 : #1a0123 : -50
9 : #22012d : -48
11 : #2a0137 : -46
13 : #310141 : -44
15 : #39024b : -42
17 : #400255 : -40
19 : #48025f : -38
21 : #4f0269 : -36
23 : #570273 : -34
25 : #5e037d : -32
27 : #660387 : -30
29 : #6d0391 : -28
31 : #75039b : -26
33 : #7d03a5 : -24
35 : #8404af : -22
37 : #8c04b9 : -20
39 : #9304c3 : -18
41 : #9b04cd : -16
43 : #a204d7 : -14
45 : #aa05e1 : -12
47 : #b105eb : -10
49 : #b905f5 : -8
51 : #be0afa : -6
53 : #c114fa : -4
55 : #c31efa : -2
57 : #c628fb : ±0
59 : #c932fb : +2
61 : #cb3cfb : +4
63 : #ce46fb : +6
65 : #d150fb : +8
67 : #d35afc : +10
69 : #d664fc : +12
71 : #d96efc : +14
73 : #db78fc : +16
75 : #de82fc : +18
77 : #e18cfd : +20
79 : #e396fd : +22
81 : #e6a0fd : +24
83 : #e8aafd : +26
85 : #ebb4fd : +28
87 : #eebefe : +30
89 : #f0c8fe : +32
91 : #f3d2fe : +34
93 : #f6dcfe : +36
95 : #f8e6fe : +38
97 : #fbf0ff : +40
99 : #fefaff : +42
CSS入門、作ってます。
text-shadow