#ed81fd
RGB
赤 | 237 |
---|---|
緑 | 129 |
青 | 253 |
HSL
色相 | 292° |
---|---|
彩度 | 97% |
明度 | 75% |
輝度 | 69% |
3桁の色
補色
反転色
RGB ( 赤 = 237, 緑 = 129, 青 = 253 )
HSL ( 色相 = 292°, 彩度 = 97%, 明度 = 75% )
H : 色相 ( 292° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #fd8681 : -290
12 : #fd9a81 : -280
22 : #fdaf81 : -270
32 : #fdc381 : -260
42 : #fdd881 : -250
52 : #fded81 : -240
62 : #f9fd81 : -230
72 : #e4fd81 : -220
82 : #d0fd81 : -210
92 : #bbfd81 : -200
102 : #a7fd81 : -190
112 : #92fd81 : -180
122 : #81fd86 : -170
132 : #81fd9a : -160
142 : #81fdaf : -150
152 : #81fdc3 : -140
162 : #81fdd8 : -130
172 : #81fded : -120
182 : #81f9fd : -110
192 : #81e4fd : -100
202 : #81d0fd : -90
212 : #81bbfd : -80
222 : #81a7fd : -70
232 : #8192fd : -60
242 : #8681fd : -50
252 : #9a81fd : -40
262 : #af81fd : -30
272 : #c381fd : -20
282 : #d881fd : -10
292 : #ed81fd : ±0
302 : #fd81f9 : +10
312 : #fd81e4 : +20
322 : #fd81d0 : +30
332 : #fd81bb : +40
342 : #fd81a7 : +50
352 : #fd8192 : +60
282 : #d881fd : -10
283 : #da81fd : -9
284 : #dc81fd : -8
285 : #de81fd : -7
286 : #e081fd : -6
287 : #e281fd : -5
288 : #e481fd : -4
289 : #e681fd : -3
290 : #e881fd : -2
291 : #eb81fd : -1
292 : #ed81fd : ±0
293 : #ef81fd : +1
294 : #f181fd : +2
295 : #f381fd : +3
296 : #f581fd : +4
297 : #f781fd : +5
298 : #f981fd : +6
299 : #fb81fd : +7
300 : #fd81fd : +8
301 : #fd81fb : +9
302 : #fd81f9 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #c0bfc0 : -96
3 : #c1bdc1 : -94
5 : #c2bcc2 : -92
7 : #c3bbc4 : -90
9 : #c3bac5 : -88
11 : #c4b8c6 : -86
13 : #c5b7c8 : -84
15 : #c6b6c9 : -82
17 : #c7b4ca : -80
19 : #c8b3cb : -78
21 : #c9b2cd : -76
23 : #cab1ce : -74
25 : #cbafcf : -72
27 : #ccaed0 : -70
29 : #cdadd2 : -68
31 : #ceabd3 : -66
33 : #cfaad4 : -64
35 : #d0a9d6 : -62
37 : #d1a8d7 : -60
39 : #d1a6d8 : -58
41 : #d2a5d9 : -56
43 : #d3a4db : -54
45 : #d4a3dc : -52
47 : #d5a1dd : -50
49 : #d6a0de : -48
51 : #d79fe0 : -46
53 : #d89de1 : -44
55 : #d99ce2 : -42
57 : #da9be4 : -40
59 : #db9ae5 : -38
61 : #dc98e6 : -36
63 : #dd97e7 : -34
65 : #de96e9 : -32
67 : #df95ea : -30
69 : #e093eb : -28
71 : #e092ed : -26
73 : #e191ee : -24
75 : #e28fef : -22
77 : #e38ef0 : -20
79 : #e48df2 : -18
81 : #e58cf3 : -16
83 : #e68af4 : -14
85 : #e789f5 : -12
87 : #e888f7 : -10
89 : #e987f8 : -8
91 : #ea85f9 : -6
93 : #eb84fb : -4
95 : #ec83fc : -2
97 : #ed81fd : ±0
99 : #ee80fe : +2
L : 明度 ( 75% )
(0%) 暗い ~ 明るい (100%)
1 : #040005 : -74
3 : #0d000f : -72
5 : #160019 : -70
7 : #1f0123 : -68
9 : #27012d : -66
11 : #300137 : -64
13 : #390141 : -62
15 : #41014b : -60
17 : #4a0155 : -58
19 : #53015f : -56
21 : #5c0269 : -54
23 : #640274 : -52
25 : #6d027e : -50
27 : #760288 : -48
29 : #7f0292 : -46
31 : #87029c : -44
33 : #9003a6 : -42
35 : #9903b0 : -40
37 : #a103ba : -38
39 : #aa03c4 : -36
41 : #b303ce : -34
43 : #bc03d8 : -32
45 : #c403e2 : -30
47 : #cd04ec : -28
49 : #d604f6 : -26
51 : #db09fb : -24
53 : #dc13fb : -22
55 : #de1dfc : -20
57 : #df27fc : -18
59 : #e131fc : -16
61 : #e23bfc : -14
63 : #e445fc : -12
65 : #e54ffc : -10
67 : #e759fc : -8
69 : #e863fd : -6
71 : #ea6dfd : -4
73 : #eb77fd : -2
75 : #ed81fd : ±0
77 : #ee8bfd : +2
79 : #f096fd : +4
81 : #f1a0fe : +6
83 : #f2aafe : +8
85 : #f4b4fe : +10
87 : #f5befe : +12
89 : #f7c8fe : +14
91 : #f8d2fe : +16
93 : #fadcfe : +18
95 : #fbe6ff : +20
97 : #fdf0ff : +22
99 : #fefaff : +24
CSS入門、作ってます。
text-shadow