#fc1d60
RGB
| 赤 | 252 |
|---|---|
| 緑 | 29 |
| 青 | 96 |
HSL
| 色相 | 342° |
|---|---|
| 彩度 | 97% |
| 明度 | 55% |
| 輝度 | 41% |
３桁の色
補色
反転色
RGB ( 赤 = 252, 緑 = 29, 青 = 96 )
HSL ( 色相 = 342°, 彩度 = 97%, 明度 = 55% )
H : 色相 ( 342° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #fc241d : -340
12 : #fc491d : -330
22 : #fc6f1d : -320
32 : #fc941d : -310
42 : #fcb91d : -300
52 : #fcde1d : -290
62 : #f4fc1d : -280
72 : #cffc1d : -270
82 : #aafc1d : -260
92 : #85fc1d : -250
102 : #60fc1d : -240
112 : #3bfc1d : -230
122 : #1dfc24 : -220
132 : #1dfc49 : -210
142 : #1dfc6f : -200
152 : #1dfc94 : -190
162 : #1dfcb9 : -180
172 : #1dfcde : -170
182 : #1df4fc : -160
192 : #1dcffc : -150
202 : #1daafc : -140
212 : #1d85fc : -130
222 : #1d60fc : -120
232 : #1d3bfc : -110
242 : #241dfc : -100
252 : #491dfc : -90
262 : #6f1dfc : -80
272 : #941dfc : -70
282 : #b91dfc : -60
292 : #de1dfc : -50
302 : #fc1df4 : -40
312 : #fc1dcf : -30
322 : #fc1daa : -20
332 : #fc1d85 : -10
342 : #fc1d60 : ±0
352 : #fc1d3b : +10
332 : #fc1d85 : -10
333 : #fc1d81 : -9
334 : #fc1d7d : -8
335 : #fc1d7a : -7
336 : #fc1d76 : -6
337 : #fc1d72 : -5
338 : #fc1d6f : -4
339 : #fc1d6b : -3
340 : #fc1d67 : -2
341 : #fc1d63 : -1
342 : #fc1d60 : ±0
343 : #fc1d5c : +1
344 : #fc1d58 : +2
345 : #fc1d55 : +3
346 : #fc1d51 : +4
347 : #fc1d4d : +5
348 : #fc1d49 : +6
349 : #fc1d46 : +7
350 : #fc1d42 : +8
351 : #fc1d3e : +9
352 : #fc1d3b : +10
S : 彩度 ( 97% )
(0%) 渋い ～ 鮮やか (100%)
1 : #8d8b8c : -96
3 : #90898b : -94
5 : #92878a : -92
7 : #948489 : -90
9 : #978288 : -88
11 : #998087 : -86
13 : #9b7d86 : -84
15 : #9d7b85 : -82
17 : #a07984 : -80
19 : #a27684 : -78
21 : #a47483 : -76
23 : #a77282 : -74
25 : #a97081 : -72
27 : #ab6d80 : -70
29 : #ae6b7f : -68
31 : #b0697e : -66
33 : #b2667d : -64
35 : #b4647c : -62
37 : #b7627b : -60
39 : #b95f7a : -58
41 : #bb5d79 : -56
43 : #be5b79 : -54
45 : #c05978 : -52
47 : #c25677 : -50
49 : #c45476 : -48
51 : #c75275 : -46
53 : #c94f74 : -44
55 : #cb4d73 : -42
57 : #ce4b72 : -40
59 : #d04971 : -38
61 : #d24670 : -36
63 : #d5446f : -34
65 : #d7426e : -32
67 : #d93f6d : -30
69 : #db3d6d : -28
71 : #de3b6c : -26
73 : #e0386b : -24
75 : #e2366a : -22
77 : #e53469 : -20
79 : #e73268 : -18
81 : #e92f67 : -16
83 : #eb2d66 : -14
85 : #ee2b65 : -12
87 : #f02864 : -10
89 : #f22663 : -8
91 : #f52462 : -6
93 : #f72262 : -4
95 : #f91f61 : -2
97 : #fc1d60 : ±0
99 : #fe1b5f : +2
L : 明度 ( 55% )
(0%) 暗い ～ 明るい (100%)
1 : #050002 : -54
3 : #0f0005 : -52
5 : #190008 : -50
7 : #23010b : -48
9 : #2d010e : -46
11 : #370111 : -44
13 : #410114 : -42
15 : #4b0117 : -40
17 : #55011b : -38
19 : #5f011e : -36
21 : #690221 : -34
23 : #740224 : -32
25 : #7e0227 : -30
27 : #88022a : -28
29 : #92022d : -26
31 : #9c0230 : -24
33 : #a60333 : -22
35 : #b00337 : -20
37 : #ba033a : -18
39 : #c4033d : -16
41 : #ce0340 : -14
43 : #d80343 : -12
45 : #e20346 : -10
47 : #ec0449 : -8
49 : #f6044c : -6
51 : #fb0952 : -4
53 : #fb1359 : -2
55 : #fc1d60 : ±0
57 : #fc2767 : +2
59 : #fc316e : +4
61 : #fc3b75 : +6
63 : #fc457c : +8
65 : #fc4f83 : +10
67 : #fc598a : +12
69 : #fd6391 : +14
71 : #fd6d98 : +16
73 : #fd779f : +18
75 : #fd81a7 : +20
77 : #fd8bae : +22
79 : #fd96b5 : +24
81 : #fea0bc : +26
83 : #feaac3 : +28
85 : #feb4ca : +30
87 : #febed1 : +32
89 : #fec8d8 : +34
91 : #fed2df : +36
93 : #fedce6 : +38
95 : #ffe6ed : +40
97 : #fff0f4 : +42
99 : #fffafb : +44
CSS入門、作ってます。
text-shadow