#fc1480
RGB
| 赤 | 252 |
|---|---|
| 緑 | 20 |
| 青 | 128 |
HSL
| 色相 | 332° |
|---|---|
| 彩度 | 97% |
| 明度 | 53% |
| 輝度 | 40% |
３桁の色
補色
反転色
RGB ( 赤 = 252, 緑 = 20, 青 = 128 )
HSL ( 色相 = 332°, 彩度 = 97%, 明度 = 53% )
H : 色相 ( 332° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #fb1b13 : -330
12 : #fb4113 : -320
22 : #fb6813 : -310
32 : #fb8f13 : -300
42 : #fbb613 : -290
52 : #fbdc13 : -280
62 : #f4fb13 : -270
72 : #cdfb13 : -260
82 : #a6fb13 : -250
92 : #7ffb13 : -240
102 : #59fb13 : -230
112 : #32fb13 : -220
122 : #13fb1b : -210
132 : #13fb41 : -200
142 : #13fb68 : -190
152 : #13fb8f : -180
162 : #13fbb6 : -170
172 : #13fbdc : -160
182 : #13f4fb : -150
192 : #13cdfb : -140
202 : #13a6fb : -130
212 : #137ffb : -120
222 : #1359fb : -110
232 : #1332fb : -100
242 : #1b13fb : -90
252 : #4113fb : -80
262 : #6813fb : -70
272 : #8f13fb : -60
282 : #b613fb : -50
292 : #dc13fb : -40
302 : #fb13f4 : -30
312 : #fb13cd : -20
322 : #fb13a6 : -10
332 : #fb137f : ±0
342 : #fb1359 : +10
352 : #fb1332 : +20
322 : #fb13a6 : -10
323 : #fb13a2 : -9
324 : #fb139e : -8
325 : #fb139b : -7
326 : #fb1397 : -6
327 : #fb1393 : -5
328 : #fb138f : -4
329 : #fb138b : -3
330 : #fb1387 : -2
331 : #fb1383 : -1
332 : #fb137f : ±0
333 : #fb137c : +1
334 : #fb1378 : +2
335 : #fb1374 : +3
336 : #fb1370 : +4
337 : #fb136c : +5
338 : #fb1368 : +6
339 : #fb1364 : +7
340 : #fb1360 : +8
341 : #fb135d : +9
342 : #fb1359 : +10
S : 彩度 ( 97% )
(0%) 渋い ～ 鮮やか (100%)
1 : #888687 : -96
3 : #8b8487 : -94
5 : #8d8187 : -92
7 : #907f87 : -90
9 : #927c86 : -88
11 : #947a86 : -86
13 : #977886 : -84
15 : #997586 : -82
17 : #9c7386 : -80
19 : #9e7086 : -78
21 : #a06e85 : -76
23 : #a36c85 : -74
25 : #a56985 : -72
27 : #a86785 : -70
29 : #aa6485 : -68
31 : #ac6285 : -66
33 : #af6085 : -64
35 : #b15d84 : -62
37 : #b35b84 : -60
39 : #b65884 : -58
41 : #b85684 : -56
43 : #bb5484 : -54
45 : #bd5184 : -52
47 : #bf4f83 : -50
49 : #c24c83 : -48
51 : #c44a83 : -46
53 : #c74883 : -44
55 : #c94583 : -42
57 : #cb4383 : -40
59 : #ce4082 : -38
61 : #d03e82 : -36
63 : #d33c82 : -34
65 : #d53982 : -32
67 : #d73782 : -30
69 : #da3482 : -28
71 : #dc3281 : -26
73 : #df3081 : -24
75 : #e12d81 : -22
77 : #e32b81 : -20
79 : #e62881 : -18
81 : #e82681 : -16
83 : #eb2481 : -14
85 : #ed2180 : -12
87 : #ef1f80 : -10
89 : #f21c80 : -8
91 : #f41a80 : -6
93 : #f71880 : -4
95 : #f91580 : -2
97 : #fb137f : ±0
99 : #fe107f : +2
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #050002 : -52
3 : #0f0007 : -50
5 : #19000c : -48
7 : #230111 : -46
9 : #2d0115 : -44
11 : #37011a : -42
13 : #41011f : -40
15 : #4b0124 : -38
17 : #550129 : -36
19 : #5f012d : -34
21 : #690232 : -32
23 : #740237 : -30
25 : #7e023c : -28
27 : #880240 : -26
29 : #920245 : -24
31 : #9c024a : -22
33 : #a6034f : -20
35 : #b00353 : -18
37 : #ba0358 : -16
39 : #c4035d : -14
41 : #ce0362 : -12
43 : #d80367 : -10
45 : #e2036b : -8
47 : #ec0470 : -6
49 : #f60475 : -4
51 : #fb097a : -2
53 : #fb137f : ±0
55 : #fc1d85 : +2
57 : #fc278a : +4
59 : #fc3190 : +6
61 : #fc3b95 : +8
63 : #fc459b : +10
65 : #fc4fa0 : +12
67 : #fc59a5 : +14
69 : #fd63ab : +16
71 : #fd6db0 : +18
73 : #fd77b6 : +20
75 : #fd81bb : +22
77 : #fd8bc1 : +24
79 : #fd96c6 : +26
81 : #fea0cb : +28
83 : #feaad1 : +30
85 : #feb4d6 : +32
87 : #febedc : +34
89 : #fec8e1 : +36
91 : #fed2e7 : +38
93 : #fedcec : +40
95 : #ffe6f1 : +42
97 : #fff0f7 : +44
99 : #fffafc : +46
CSS入門、作ってます。
text-shadow