#f610c6
RGB
| 赤 | 246 |
|---|---|
| 緑 | 16 |
| 青 | 198 |
HSL
| 色相 | 313° |
|---|---|
| 彩度 | 93% |
| 明度 | 51% |
| 輝度 | 41% |
３桁の色
補色
反転色
RGB ( 赤 = 246, 緑 = 16, 青 = 198 )
HSL ( 色相 = 313°, 彩度 = 93%, 明度 = 51% )
H : 色相 ( 313° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #f6190e : -310
13 : #f6400e : -300
23 : #f6670e : -290
33 : #f68e0e : -280
43 : #f6b40e : -270
53 : #f6db0e : -260
63 : #ebf60e : -250
73 : #c4f60e : -240
83 : #9df60e : -230
93 : #76f60e : -220
103 : #50f60e : -210
113 : #29f60e : -200
123 : #0ef619 : -190
133 : #0ef640 : -180
143 : #0ef667 : -170
153 : #0ef68e : -160
163 : #0ef6b4 : -150
173 : #0ef6db : -140
183 : #0eebf6 : -130
193 : #0ec4f6 : -120
203 : #0e9df6 : -110
213 : #0e76f6 : -100
223 : #0e50f6 : -90
233 : #0e29f6 : -80
243 : #190ef6 : -70
253 : #400ef6 : -60
263 : #670ef6 : -50
273 : #8e0ef6 : -40
283 : #b40ef6 : -30
293 : #db0ef6 : -20
303 : #f60eeb : -10
313 : #f60ec4 : ±0
323 : #f60e9d : +10
333 : #f60e76 : +20
343 : #f60e50 : +30
353 : #f60e29 : +40
303 : #f60eeb : -10
304 : #f60ee7 : -9
305 : #f60ee3 : -8
306 : #f60edf : -7
307 : #f60edb : -6
308 : #f60ed7 : -5
309 : #f60ed3 : -4
310 : #f60ed0 : -3
311 : #f60ecc : -2
312 : #f60ec8 : -1
313 : #f60ec4 : ±0
314 : #f60ec0 : +1
315 : #f60ebc : +2
316 : #f60eb8 : +3
317 : #f60eb4 : +4
318 : #f60eb1 : +5
319 : #f60ead : +6
320 : #f60ea9 : +7
321 : #f60ea5 : +8
322 : #f60ea1 : +9
323 : #f60e9d : +10
S : 彩度 ( 93% )
(0%) 渋い ～ 鮮やか (100%)
1 : #838183 : -92
3 : #867e84 : -90
5 : #887c86 : -88
7 : #8b7987 : -86
9 : #8d7788 : -84
11 : #90748a : -82
13 : #92728b : -80
15 : #956f8d : -78
17 : #976d8e : -76
19 : #9a6a90 : -74
21 : #9c6891 : -72
23 : #9f6592 : -70
25 : #a16394 : -68
27 : #a46095 : -66
29 : #a65e97 : -64
31 : #a95b98 : -62
33 : #ab5999 : -60
35 : #ae569b : -58
37 : #b0549c : -56
39 : #b3519e : -54
41 : #b54f9f : -52
43 : #b84ca0 : -50
45 : #ba4aa2 : -48
47 : #bd47a3 : -46
49 : #bf45a5 : -44
51 : #c242a6 : -42
53 : #c440a8 : -40
55 : #c73da9 : -38
57 : #c93baa : -36
59 : #cc38ac : -34
61 : #ce36ad : -32
63 : #d133af : -30
65 : #d331b0 : -28
67 : #d62eb1 : -26
69 : #d82cb3 : -24
71 : #db29b4 : -22
73 : #dd27b6 : -20
75 : #e024b7 : -18
77 : #e222b9 : -16
79 : #e51fba : -14
81 : #e71dbb : -12
83 : #ea1abd : -10
85 : #ec18be : -8
87 : #ef15c0 : -6
89 : #f113c1 : -4
91 : #f410c2 : -2
93 : #f60ec4 : ±0
95 : #f90bc5 : +2
97 : #fb09c7 : +4
99 : #fe06c8 : +6
L : 明度 ( 51% )
(0%) 暗い ～ 明るい (100%)
1 : #050004 : -50
3 : #0f010c : -48
5 : #190113 : -46
7 : #22011b : -44
9 : #2c0223 : -42
11 : #36022b : -40
13 : #400233 : -38
15 : #4a033a : -36
17 : #540342 : -34
19 : #5e034a : -32
21 : #670452 : -30
23 : #71045a : -28
25 : #7b0461 : -26
27 : #850569 : -24
29 : #8f0571 : -22
31 : #990679 : -20
33 : #a20680 : -18
35 : #ac0688 : -16
37 : #b60790 : -14
39 : #c00798 : -12
41 : #ca07a0 : -10
43 : #d408a7 : -8
45 : #dd08af : -6
47 : #e708b7 : -4
49 : #f109bf : -2
51 : #f60ec4 : ±0
53 : #f718c6 : +2
55 : #f722c9 : +4
57 : #f72bcb : +6
59 : #f835ce : +8
61 : #f83fd0 : +10
63 : #f849d2 : +12
65 : #f953d5 : +14
67 : #f95dd7 : +16
69 : #f966da : +18
71 : #fa70dc : +20
73 : #fa7ade : +22
75 : #fb84e1 : +24
77 : #fb8ee3 : +26
79 : #fb98e6 : +28
81 : #fca1e8 : +30
83 : #fcabea : +32
85 : #fcb5ed : +34
87 : #fdbfef : +36
89 : #fdc9f2 : +38
91 : #fdd3f4 : +40
93 : #feddf7 : +42
95 : #fee6f9 : +44
97 : #fef0fb : +46
99 : #fffafe : +48
CSS入門、作ってます。
text-shadow