#fc2468
RGB
赤 | 252 |
---|---|
緑 | 36 |
青 | 104 |
HSL
色相 | 341° |
---|---|
彩度 | 97% |
明度 | 56% |
輝度 | 42% |
3桁の色
補色
反転色
RGB ( 赤 = 252, 緑 = 36, 青 = 104 )
HSL ( 色相 = 341°, 彩度 = 97%, 明度 = 56% )
H : 色相 ( 341° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #fc2622 : -340
11 : #fc4a22 : -330
21 : #fc6e22 : -320
31 : #fc9222 : -310
41 : #fcb722 : -300
51 : #fcdb22 : -290
61 : #f8fc22 : -280
71 : #d4fc22 : -270
81 : #affc22 : -260
91 : #8bfc22 : -250
101 : #67fc22 : -240
111 : #43fc22 : -230
121 : #22fc26 : -220
131 : #22fc4a : -210
141 : #22fc6e : -200
151 : #22fc92 : -190
161 : #22fcb7 : -180
171 : #22fcdb : -170
181 : #22f8fc : -160
191 : #22d4fc : -150
201 : #22affc : -140
211 : #228bfc : -130
221 : #2267fc : -120
231 : #2243fc : -110
241 : #2622fc : -100
251 : #4a22fc : -90
261 : #6e22fc : -80
271 : #9222fc : -70
281 : #b722fc : -60
291 : #db22fc : -50
301 : #fc22f8 : -40
311 : #fc22d4 : -30
321 : #fc22af : -20
331 : #fc228b : -10
341 : #fc2267 : ±0
351 : #fc2243 : +10
331 : #fc228b : -10
332 : #fc2288 : -9
333 : #fc2284 : -8
334 : #fc2280 : -7
335 : #fc227d : -6
336 : #fc2279 : -5
337 : #fc2275 : -4
338 : #fc2272 : -3
339 : #fc226e : -2
340 : #fc226b : -1
341 : #fc2267 : ±0
342 : #fc2263 : +1
343 : #fc2260 : +2
344 : #fc225c : +3
345 : #fc2258 : +4
346 : #fc2255 : +5
347 : #fc2251 : +6
348 : #fc224d : +7
349 : #fc224a : +8
350 : #fc2246 : +9
351 : #fc2243 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #908e8e : -96
3 : #928b8e : -94
5 : #94898d : -92
7 : #97878c : -90
9 : #99858b : -88
11 : #9b828a : -86
13 : #9d8089 : -84
15 : #a07e89 : -82
17 : #a27c88 : -80
19 : #a47987 : -78
21 : #a67786 : -76
23 : #a97585 : -74
25 : #ab7385 : -72
27 : #ad7184 : -70
29 : #af6e83 : -68
31 : #b26c82 : -66
33 : #b46a81 : -64
35 : #b66880 : -62
37 : #b86580 : -60
39 : #bb637f : -58
41 : #bd617e : -56
43 : #bf5f7d : -54
45 : #c15c7c : -52
47 : #c45a7b : -50
49 : #c6587b : -48
51 : #c8567a : -46
53 : #ca5379 : -44
55 : #cd5178 : -42
57 : #cf4f77 : -40
59 : #d14d77 : -38
61 : #d34a76 : -36
63 : #d54875 : -34
65 : #d84674 : -32
67 : #da4473 : -30
69 : #dc4172 : -28
71 : #de3f72 : -26
73 : #e13d71 : -24
75 : #e33b70 : -22
77 : #e5386f : -20
79 : #e7366e : -18
81 : #ea346d : -16
83 : #ec326d : -14
85 : #ee2f6c : -12
87 : #f02d6b : -10
89 : #f32b6a : -8
91 : #f52969 : -6
93 : #f72669 : -4
95 : #f92468 : -2
97 : #fc2267 : ±0
99 : #fe2066 : +2
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #0a0003 : -54
4 : #140007 : -52
6 : #1e000a : -50
8 : #28010d : -48
10 : #320110 : -46
12 : #3c0114 : -44
14 : #460117 : -42
16 : #50011a : -40
18 : #5a011e : -38
20 : #640221 : -36
22 : #6f0224 : -34
24 : #790227 : -32
26 : #83022b : -30
28 : #8d022e : -28
30 : #970231 : -26
32 : #a10235 : -24
34 : #ab0338 : -22
36 : #b5033b : -20
38 : #bf033e : -18
40 : #c90342 : -16
42 : #d30345 : -14
44 : #dd0348 : -12
46 : #e7044c : -10
48 : #f1044f : -8
50 : #fb0452 : -6
52 : #fb0e59 : -4
54 : #fb1860 : -2
56 : #fc2267 : ±0
58 : #fc2c6e : +2
60 : #fc3675 : +4
62 : #fc407c : +6
64 : #fc4a83 : +8
66 : #fc5489 : +10
68 : #fd5e90 : +12
70 : #fd6897 : +14
72 : #fd729e : +16
74 : #fd7ca5 : +18
76 : #fd86ac : +20
78 : #fd90b3 : +22
80 : #fd9bba : +24
82 : #fea5c1 : +26
84 : #feafc8 : +28
86 : #feb9cf : +30
88 : #fec3d6 : +32
90 : #fecddc : +34
92 : #fed7e3 : +36
94 : #ffe1ea : +38
96 : #ffebf1 : +40
98 : #fff5f8 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow