#f6049d
RGB
赤 | 246 |
---|---|
緑 | 4 |
青 | 157 |
HSL
色相 | 322° |
---|---|
彩度 | 97% |
明度 | 49% |
輝度 | 37% |
3桁の色
補色
反転色
RGB ( 赤 = 246, 緑 = 4, 青 = 157 )
HSL ( 色相 = 322°, 彩度 = 97%, 明度 = 49% )
H : 色相 ( 322° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #f60c04 : -320
12 : #f63404 : -310
22 : #f65d04 : -300
32 : #f68504 : -290
42 : #f6ad04 : -280
52 : #f6d604 : -270
62 : #eef604 : -260
72 : #c6f604 : -250
82 : #9df604 : -240
92 : #75f604 : -230
102 : #4cf604 : -220
112 : #24f604 : -210
122 : #04f60c : -200
132 : #04f634 : -190
142 : #04f65d : -180
152 : #04f685 : -170
162 : #04f6ad : -160
172 : #04f6d6 : -150
182 : #04eef6 : -140
192 : #04c6f6 : -130
202 : #049df6 : -120
212 : #0475f6 : -110
222 : #044cf6 : -100
232 : #0424f6 : -90
242 : #0c04f6 : -80
252 : #3404f6 : -70
262 : #5d04f6 : -60
272 : #8504f6 : -50
282 : #ad04f6 : -40
292 : #d604f6 : -30
302 : #f604ee : -20
312 : #f604c6 : -10
322 : #f6049d : ±0
332 : #f60475 : +10
342 : #f6044c : +20
352 : #f60424 : +30
312 : #f604c6 : -10
313 : #f604c2 : -9
314 : #f604be : -8
315 : #f604ba : -7
316 : #f604b6 : -6
317 : #f604b1 : -5
318 : #f604ad : -4
319 : #f604a9 : -3
320 : #f604a5 : -2
321 : #f604a1 : -1
322 : #f6049d : ±0
323 : #f60499 : +1
324 : #f60495 : +2
325 : #f60491 : +3
326 : #f6048d : +4
327 : #f60489 : +5
328 : #f60485 : +6
329 : #f60481 : +7
330 : #f6047d : +8
331 : #f60479 : +9
332 : #f60475 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e7c7d : -96
3 : #81797e : -94
5 : #83777f : -92
7 : #86747f : -90
9 : #887280 : -88
11 : #8b6f81 : -86
13 : #8d6d81 : -84
15 : #906a82 : -82
17 : #926883 : -80
19 : #956583 : -78
21 : #976384 : -76
23 : #9a6085 : -74
25 : #9c5e85 : -72
27 : #9f5b86 : -70
29 : #a15987 : -68
31 : #a45687 : -66
33 : #a65488 : -64
35 : #a95189 : -62
37 : #ab4f89 : -60
39 : #ae4c8a : -58
41 : #b04a8b : -56
43 : #b3478b : -54
45 : #b5458c : -52
47 : #b8428d : -50
49 : #ba408d : -48
51 : #bd3d8e : -46
53 : #bf3b8f : -44
55 : #c2388f : -42
57 : #c43690 : -40
59 : #c73391 : -38
61 : #c93191 : -36
63 : #cc2e92 : -34
65 : #ce2c93 : -32
67 : #d12993 : -30
69 : #d32794 : -28
71 : #d62495 : -26
73 : #d82295 : -24
75 : #db1f96 : -22
77 : #dd1d97 : -20
79 : #e01a97 : -18
81 : #e21898 : -16
83 : #e51599 : -14
85 : #e71399 : -12
87 : #ea109a : -10
89 : #ec0e9b : -8
91 : #ef0b9b : -6
93 : #f1099c : -4
95 : #f4069d : -2
97 : #f6049d : ±0
99 : #f9019e : +2
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #050003 : -48
3 : #0f000a : -46
5 : #190010 : -44
7 : #230116 : -42
9 : #2d011d : -40
11 : #370123 : -38
13 : #41012a : -36
15 : #4b0130 : -34
17 : #550137 : -32
19 : #5f013d : -30
21 : #690243 : -28
23 : #74024a : -26
25 : #7e0250 : -24
27 : #880257 : -22
29 : #92025d : -20
31 : #9c0263 : -18
33 : #a6036a : -16
35 : #b00370 : -14
37 : #ba0377 : -12
39 : #c4037d : -10
41 : #ce0384 : -8
43 : #d8038a : -6
45 : #e20390 : -4
47 : #ec0497 : -2
49 : #f6049d : ±0
51 : #fb09a2 : +2
53 : #fb13a6 : +4
55 : #fc1daa : +6
57 : #fc27ae : +8
59 : #fc31b1 : +10
61 : #fc3bb5 : +12
63 : #fc45b9 : +14
65 : #fc4fbd : +16
67 : #fc59c1 : +18
69 : #fd63c4 : +20
71 : #fd6dc8 : +22
73 : #fd77cc : +24
75 : #fd81d0 : +26
77 : #fd8bd4 : +28
79 : #fd96d7 : +30
81 : #fea0db : +32
83 : #feaadf : +34
85 : #feb4e3 : +36
87 : #febee6 : +38
89 : #fec8ea : +40
91 : #fed2ee : +42
93 : #fedcf2 : +44
95 : #ffe6f6 : +46
97 : #fff0f9 : +48
99 : #fffafd : +50
CSS入門、作ってます。
text-shadow