#fe1bfa
RGB
赤 | 254 |
---|---|
緑 | 27 |
青 | 250 |
HSL
色相 | 301° |
---|---|
彩度 | 99% |
明度 | 55% |
輝度 | 47% |
3桁の色
補色
反転色
RGB ( 赤 = 254, 緑 = 27, 青 = 250 )
HSL ( 色相 = 301°, 彩度 = 99%, 明度 = 55% )
H : 色相 ( 301° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #fe1e1b : -300
11 : #fe441b : -290
21 : #fe6a1b : -280
31 : #fe901b : -270
41 : #feb61b : -260
51 : #fedc1b : -250
61 : #fafe1b : -240
71 : #d4fe1b : -230
81 : #aefe1b : -220
91 : #88fe1b : -210
101 : #63fe1b : -200
111 : #3dfe1b : -190
121 : #1bfe1e : -180
131 : #1bfe44 : -170
141 : #1bfe6a : -160
151 : #1bfe90 : -150
161 : #1bfeb6 : -140
171 : #1bfedc : -130
181 : #1bfafe : -120
191 : #1bd4fe : -110
201 : #1baefe : -100
211 : #1b88fe : -90
221 : #1b63fe : -80
231 : #1b3dfe : -70
241 : #1e1bfe : -60
251 : #441bfe : -50
261 : #6a1bfe : -40
271 : #901bfe : -30
281 : #b61bfe : -20
291 : #dc1bfe : -10
301 : #fe1bfa : ±0
311 : #fe1bd4 : +10
321 : #fe1bae : +20
331 : #fe1b88 : +30
341 : #fe1b63 : +40
351 : #fe1b3d : +50
291 : #dc1bfe : -10
292 : #e01bfe : -9
293 : #e31bfe : -8
294 : #e71bfe : -7
295 : #eb1bfe : -6
296 : #ef1bfe : -5
297 : #f21bfe : -4
298 : #f61bfe : -3
299 : #fa1bfe : -2
300 : #fe1bfe : -1
301 : #fe1bfa : ±0
302 : #fe1bf6 : +1
303 : #fe1bf2 : +2
304 : #fe1bef : +3
305 : #fe1beb : +4
306 : #fe1be7 : +5
307 : #fe1be3 : +6
308 : #fe1be0 : +7
309 : #fe1bdc : +8
310 : #fe1bd8 : +9
311 : #fe1bd4 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8d8b8d : -98
3 : #908990 : -96
5 : #928792 : -94
7 : #948494 : -92
9 : #978296 : -90
11 : #998098 : -88
13 : #9b7d9b : -86
15 : #9d7b9d : -84
17 : #a0799f : -82
19 : #a276a1 : -80
21 : #a474a4 : -78
23 : #a772a6 : -76
25 : #a970a8 : -74
27 : #ab6daa : -72
29 : #ae6bac : -70
31 : #b069af : -68
33 : #b266b1 : -66
35 : #b464b3 : -64
37 : #b762b5 : -62
39 : #b95fb8 : -60
41 : #bb5dba : -58
43 : #be5bbc : -56
45 : #c059be : -54
47 : #c256c0 : -52
49 : #c454c3 : -50
51 : #c752c5 : -48
53 : #c94fc7 : -46
55 : #cb4dc9 : -44
57 : #ce4bcb : -42
59 : #d049ce : -40
61 : #d246d0 : -38
63 : #d544d2 : -36
65 : #d742d4 : -34
67 : #d93fd7 : -32
69 : #db3dd9 : -30
71 : #de3bdb : -28
73 : #e038dd : -26
75 : #e236df : -24
77 : #e534e2 : -22
79 : #e732e4 : -20
81 : #e92fe6 : -18
83 : #eb2de8 : -16
85 : #ee2beb : -14
87 : #f028ed : -12
89 : #f226ef : -10
91 : #f524f1 : -8
93 : #f722f3 : -6
95 : #f91ff6 : -4
97 : #fc1df8 : -2
99 : #fe1bfa : ±0
L : 明度 ( 55% )
(0%) 暗い ~ 明るい (100%)
1 : #050005 : -54
3 : #0f000f : -52
5 : #190019 : -50
7 : #240023 : -48
9 : #2e002d : -46
11 : #380037 : -44
13 : #420041 : -42
15 : #4c004b : -40
17 : #560055 : -38
19 : #60005f : -36
21 : #6b0169 : -34
23 : #750173 : -32
25 : #7f017d : -30
27 : #890187 : -28
29 : #930191 : -26
31 : #9d019b : -24
33 : #a701a5 : -22
35 : #b201af : -20
37 : #bc01b9 : -18
39 : #c601c3 : -16
41 : #d001cd : -14
43 : #da01d7 : -12
45 : #e401e1 : -10
47 : #ef01eb : -8
49 : #f901f5 : -6
51 : #fe06fa : -4
53 : #fe10fa : -2
55 : #fe1bfa : ±0
57 : #fe25fa : +2
59 : #fe2ffb : +4
61 : #fe39fb : +6
63 : #fe43fb : +8
65 : #fe4dfb : +10
67 : #fe58fb : +12
69 : #fe62fc : +14
71 : #fe6cfc : +16
73 : #fe76fc : +18
75 : #fe80fc : +20
77 : #fe8afc : +22
79 : #fe94fd : +24
81 : #ff9ffd : +26
83 : #ffa9fd : +28
85 : #ffb3fd : +30
87 : #ffbdfe : +32
89 : #ffc7fe : +34
91 : #ffd1fe : +36
93 : #ffdbfe : +38
95 : #ffe6fe : +40
97 : #fff0ff : +42
99 : #fffaff : +44
CSS入門、作ってます。
text-shadow