#f915bc
RGB
赤 | 249 |
---|---|
緑 | 21 |
青 | 188 |
HSL
色相 | 316° |
---|---|
彩度 | 95% |
明度 | 53% |
輝度 | 42% |
3桁の色
補色
反転色
RGB ( 赤 = 249, 緑 = 21, 青 = 188 )
HSL ( 色相 = 316°, 彩度 = 95%, 明度 = 53% )
H : 色相 ( 316° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #f92c15 : -310
16 : #f95215 : -300
26 : #f97815 : -290
36 : #f99e15 : -280
46 : #f9c415 : -270
56 : #f9ea15 : -260
66 : #e2f915 : -250
76 : #bcf915 : -240
86 : #96f915 : -230
96 : #70f915 : -220
106 : #4af915 : -210
116 : #24f915 : -200
126 : #15f92c : -190
136 : #15f952 : -180
146 : #15f978 : -170
156 : #15f99e : -160
166 : #15f9c4 : -150
176 : #15f9ea : -140
186 : #15e2f9 : -130
196 : #15bcf9 : -120
206 : #1596f9 : -110
216 : #1570f9 : -100
226 : #154af9 : -90
236 : #1524f9 : -80
246 : #2c15f9 : -70
256 : #5215f9 : -60
266 : #7815f9 : -50
276 : #9e15f9 : -40
286 : #c415f9 : -30
296 : #ea15f9 : -20
306 : #f915e2 : -10
316 : #f915bc : ±0
326 : #f91596 : +10
336 : #f91570 : +20
346 : #f9154a : +30
356 : #f91524 : +40
306 : #f915e2 : -10
307 : #f915de : -9
308 : #f915db : -8
309 : #f915d7 : -7
310 : #f915d3 : -6
311 : #f915cf : -5
312 : #f915cb : -4
313 : #f915c8 : -3
314 : #f915c4 : -2
315 : #f915c0 : -1
316 : #f915bc : ±0
317 : #f915b8 : +1
318 : #f915b5 : +2
319 : #f915b1 : +3
320 : #f915ad : +4
321 : #f915a9 : +5
322 : #f915a6 : +6
323 : #f915a2 : +7
324 : #f9159e : +8
325 : #f9159a : +9
326 : #f91596 : +10
S : 彩度 ( 95% )
(0%) 渋い ~ 鮮やか (100%)
1 : #888688 : -94
3 : #8b8489 : -92
5 : #8d818a : -90
7 : #907f8b : -88
9 : #927c8c : -86
11 : #947a8d : -84
13 : #97788e : -82
15 : #997590 : -80
17 : #9c7391 : -78
19 : #9e7092 : -76
21 : #a06e93 : -74
23 : #a36c94 : -72
25 : #a56995 : -70
27 : #a86796 : -68
29 : #aa6497 : -66
31 : #ac6298 : -64
33 : #af609a : -62
35 : #b15d9b : -60
37 : #b35b9c : -58
39 : #b6589d : -56
41 : #b8569e : -54
43 : #bb549f : -52
45 : #bd51a0 : -50
47 : #bf4fa1 : -48
49 : #c24ca3 : -46
51 : #c44aa4 : -44
53 : #c748a5 : -42
55 : #c945a6 : -40
57 : #cb43a7 : -38
59 : #ce40a8 : -36
61 : #d03ea9 : -34
63 : #d33caa : -32
65 : #d539ac : -30
67 : #d737ad : -28
69 : #da34ae : -26
71 : #dc32af : -24
73 : #df30b0 : -22
75 : #e12db1 : -20
77 : #e32bb2 : -18
79 : #e628b3 : -16
81 : #e826b4 : -14
83 : #eb24b6 : -12
85 : #ed21b7 : -10
87 : #ef1fb8 : -8
89 : #f21cb9 : -6
91 : #f41aba : -4
93 : #f718bb : -2
95 : #f915bc : ±0
97 : #fb13bd : +2
99 : #fe10bf : +4
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #050004 : -52
3 : #0f000b : -50
5 : #190112 : -48
7 : #23011a : -46
9 : #2d0121 : -44
11 : #370128 : -42
13 : #410230 : -40
15 : #4b0237 : -38
17 : #55023f : -36
19 : #5e0246 : -34
21 : #68034d : -32
23 : #720355 : -30
25 : #7c035c : -28
27 : #860363 : -26
29 : #90046b : -24
31 : #9a0472 : -22
33 : #a40479 : -20
35 : #ae0481 : -18
37 : #b80588 : -16
39 : #c20590 : -14
41 : #cc0597 : -12
43 : #d6059e : -10
45 : #e006a6 : -8
47 : #ea06ad : -6
49 : #f406b4 : -4
51 : #f90bb9 : -2
53 : #f915bc : ±0
55 : #f91fbf : +2
57 : #fa29c2 : +4
59 : #fa33c5 : +6
61 : #fa3dc8 : +8
63 : #fa47ca : +10
65 : #fb51cd : +12
67 : #fb5bd0 : +14
69 : #fb65d3 : +16
71 : #fb6fd6 : +18
73 : #fc79d9 : +20
75 : #fc83dc : +22
77 : #fc8dde : +24
79 : #fc97e1 : +26
81 : #fda1e4 : +28
83 : #fdaae7 : +30
85 : #fdb4ea : +32
87 : #fdbeed : +34
89 : #fec8ef : +36
91 : #fed2f2 : +38
93 : #fedcf5 : +40
95 : #fee6f8 : +42
97 : #fff0fb : +44
99 : #fffafe : +46
CSS入門、作ってます。
text-shadow