#fc4adc
RGB
赤 | 252 |
---|---|
緑 | 74 |
青 | 220 |
HSL
色相 | 311° |
---|---|
彩度 | 97% |
明度 | 64% |
輝度 | 56% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 252, 緑 = 74, 青 = 220 )
HSL ( 色相 = 311°, 彩度 = 97%, 明度 = 64% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #fc4d4a : -310
11 : #fc6b4a : -300
21 : #fc884a : -290
31 : #fca64a : -280
41 : #fcc44a : -270
51 : #fce24a : -260
61 : #f9fc4a : -250
71 : #dcfc4a : -240
81 : #befc4a : -230
91 : #a0fc4a : -220
101 : #83fc4a : -210
111 : #65fc4a : -200
121 : #4afc4d : -190
131 : #4afc6b : -180
141 : #4afc88 : -170
151 : #4afca6 : -160
161 : #4afcc4 : -150
171 : #4afce2 : -140
181 : #4af9fc : -130
191 : #4adcfc : -120
201 : #4abefc : -110
211 : #4aa0fc : -100
221 : #4a83fc : -90
231 : #4a65fc : -80
241 : #4d4afc : -70
251 : #6b4afc : -60
261 : #884afc : -50
271 : #a64afc : -40
281 : #c44afc : -30
291 : #e24afc : -20
301 : #fc4af9 : -10
311 : #fc4adc : ±0
321 : #fc4abe : +10
331 : #fc4aa0 : +20
341 : #fc4a83 : +30
351 : #fc4a65 : +40
301 : #fc4af9 : -10
302 : #fc4af6 : -9
303 : #fc4af3 : -8
304 : #fc4af0 : -7
305 : #fc4aed : -6
306 : #fc4aea : -5
307 : #fc4ae7 : -4
308 : #fc4ae5 : -3
309 : #fc4ae2 : -2
310 : #fc4adf : -1
311 : #fc4adc : ±0
312 : #fc4ad9 : +1
313 : #fc4ad6 : +2
314 : #fc4ad3 : +3
315 : #fc4ad0 : +4
316 : #fc4acd : +5
317 : #fc4aca : +6
318 : #fc4ac7 : +7
319 : #fc4ac4 : +8
320 : #fc4ac1 : +9
321 : #fc4abe : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a4a2a4 : -96
3 : #a6a0a5 : -94
5 : #a89fa6 : -92
7 : #aa9da7 : -90
9 : #ab9ba8 : -88
11 : #ad99aa : -86
13 : #af97ab : -84
15 : #b195ac : -82
17 : #b394ad : -80
19 : #b592ae : -78
21 : #b690af : -76
23 : #b88eb1 : -74
25 : #ba8cb2 : -72
27 : #bc8ab3 : -70
29 : #be89b4 : -68
31 : #c087b5 : -66
33 : #c185b6 : -64
35 : #c383b8 : -62
37 : #c581b9 : -60
39 : #c77fba : -58
41 : #c97ebb : -56
43 : #cb7cbc : -54
45 : #cd7abd : -52
47 : #ce78bf : -50
49 : #d076c0 : -48
51 : #d274c1 : -46
53 : #d473c2 : -44
55 : #d671c3 : -42
57 : #d86fc4 : -40
59 : #d96dc6 : -38
61 : #db6bc7 : -36
63 : #dd69c8 : -34
65 : #df68c9 : -32
67 : #e166ca : -30
69 : #e364cb : -28
71 : #e462cc : -26
73 : #e660ce : -24
75 : #e85ecf : -22
77 : #ea5dd0 : -20
79 : #ec5bd1 : -18
81 : #ee59d2 : -16
83 : #ef57d3 : -14
85 : #f155d5 : -12
87 : #f353d6 : -10
89 : #f551d7 : -8
91 : #f750d8 : -6
93 : #f94ed9 : -4
95 : #fa4cda : -2
97 : #fc4adc : ±0
99 : #fe48dd : +2
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #0a0008 : -62
4 : #140010 : -60
6 : #1e0019 : -58
8 : #280121 : -56
10 : #320129 : -54
12 : #3c0131 : -52
14 : #46013a : -50
16 : #500142 : -48
18 : #5a014a : -46
20 : #640252 : -44
22 : #6f025b : -42
24 : #790263 : -40
26 : #83026b : -38
28 : #8d0273 : -36
30 : #97027b : -34
32 : #a10284 : -32
34 : #ab038c : -30
36 : #b50394 : -28
38 : #bf039c : -26
40 : #c903a5 : -24
42 : #d303ad : -22
44 : #dd03b5 : -20
46 : #e704bd : -18
48 : #f104c6 : -16
50 : #fb04ce : -14
52 : #fb0ed0 : -12
54 : #fb18d2 : -10
56 : #fc22d4 : -8
58 : #fc2cd6 : -6
60 : #fc36d8 : -4
62 : #fc40da : -2
64 : #fc4adc : ±0
66 : #fc54de : +2
68 : #fd5ee0 : +4
70 : #fd68e1 : +6
72 : #fd72e3 : +8
74 : #fd7ce5 : +10
76 : #fd86e7 : +12
78 : #fd90e9 : +14
80 : #fd9beb : +16
82 : #fea5ed : +18
84 : #feafef : +20
86 : #feb9f1 : +22
88 : #fec3f3 : +24
90 : #fecdf5 : +26
92 : #fed7f7 : +28
94 : #ffe1f9 : +30
96 : #ffebfb : +32
98 : #fff5fd : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow