#da56eb
RGB
| 赤 | 218 |
|---|---|
| 緑 | 86 |
| 青 | 235 |
HSL
| 色相 | 293° |
|---|---|
| 彩度 | 79% |
| 明度 | 63% |
| 輝度 | 56% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 218, 緑 = 86, 青 = 235 )
HSL ( 色相 = 293°, 彩度 = 79%, 明度 = 63% )
H : 色相 ( 293° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #eb5e56 : -290
13 : #eb7656 : -280
23 : #eb8f56 : -270
33 : #eba856 : -260
43 : #ebc156 : -250
53 : #ebda56 : -240
63 : #e4eb56 : -230
73 : #cbeb56 : -220
83 : #b2eb56 : -210
93 : #99eb56 : -200
103 : #80eb56 : -190
113 : #68eb56 : -180
123 : #56eb5e : -170
133 : #56eb76 : -160
143 : #56eb8f : -150
153 : #56eba8 : -140
163 : #56ebc1 : -130
173 : #56ebda : -120
183 : #56e4eb : -110
193 : #56cbeb : -100
203 : #56b2eb : -90
213 : #5699eb : -80
223 : #5680eb : -70
233 : #5668eb : -60
243 : #5e56eb : -50
253 : #7656eb : -40
263 : #8f56eb : -30
273 : #a856eb : -20
283 : #c156eb : -10
293 : #da56eb : ±0
303 : #eb56e4 : +10
313 : #eb56cb : +20
323 : #eb56b2 : +30
333 : #eb5699 : +40
343 : #eb5680 : +50
353 : #eb5668 : +60
283 : #c156eb : -10
284 : #c356eb : -9
285 : #c656eb : -8
286 : #c856eb : -7
287 : #cb56eb : -6
288 : #cd56eb : -5
289 : #d056eb : -4
290 : #d256eb : -3
291 : #d556eb : -2
292 : #d756eb : -1
293 : #da56eb : ±0
294 : #dc56eb : +1
295 : #df56eb : +2
296 : #e156eb : +3
297 : #e456eb : +4
298 : #e656eb : +5
299 : #e956eb : +6
300 : #eb56eb : +7
301 : #eb56e9 : +8
302 : #eb56e6 : +9
303 : #eb56e4 : +10
S : 彩度 ( 79% )
(0%) 渋い ～ 鮮やか (100%)
1 : #a1a0a2 : -78
3 : #a39ea3 : -76
5 : #a49ca5 : -74
7 : #a69aa7 : -72
9 : #a798a9 : -70
11 : #a996ab : -68
13 : #aa94ad : -66
15 : #ac92af : -64
17 : #ad91b1 : -62
19 : #ae8fb3 : -60
21 : #b08db4 : -58
23 : #b18bb6 : -56
25 : #b389b8 : -54
27 : #b487ba : -52
29 : #b685bc : -50
31 : #b783be : -48
33 : #b982c0 : -46
35 : #ba80c2 : -44
37 : #bb7ec4 : -42
39 : #bd7cc5 : -40
41 : #be7ac7 : -38
43 : #c078c9 : -36
45 : #c176cb : -34
47 : #c374cd : -32
49 : #c472cf : -30
51 : #c671d1 : -28
53 : #c76fd3 : -26
55 : #c86dd5 : -24
57 : #ca6bd6 : -22
59 : #cb69d8 : -20
61 : #cd67da : -18
63 : #ce65dc : -16
65 : #d063de : -14
67 : #d161e0 : -12
69 : #d360e2 : -10
71 : #d45ee4 : -8
73 : #d55ce6 : -6
75 : #d75ae7 : -4
77 : #d858e9 : -2
79 : #da56eb : ±0
81 : #db54ed : +2
83 : #dd52ef : +4
85 : #de50f1 : +6
87 : #e04ff3 : +8
89 : #e14df5 : +10
91 : #e24bf7 : +12
93 : #e449f8 : +14
95 : #e547fa : +16
97 : #e745fc : +18
99 : #e843fe : +20
L : 明度 ( 63% )
(0%) 暗い ～ 明るい (100%)
1 : #040105 : -62
3 : #0c020e : -60
5 : #140317 : -58
7 : #1d0420 : -56
9 : #250529 : -54
11 : #2d0632 : -52
13 : #35073b : -50
15 : #3d0844 : -48
17 : #46094e : -46
19 : #4e0a57 : -44
21 : #560b60 : -42
23 : #5e0c69 : -40
25 : #660d72 : -38
27 : #6f0e7b : -36
29 : #771084 : -34
31 : #7f118d : -32
33 : #871297 : -30
35 : #8f13a0 : -28
37 : #9714a9 : -26
39 : #a015b2 : -24
41 : #a816bb : -22
43 : #b017c4 : -20
45 : #b818cd : -18
47 : #c019d7 : -16
49 : #c91ae0 : -14
51 : #ce1fe5 : -12
53 : #d028e6 : -10
55 : #d232e7 : -8
57 : #d43be8 : -6
59 : #d644e9 : -4
61 : #d84dea : -2
63 : #da56eb : ±0
65 : #dc5fec : +2
67 : #de68ed : +4
69 : #e072ee : +6
71 : #e27bef : +8
73 : #e484f1 : +10
75 : #e68df2 : +12
77 : #e896f3 : +14
79 : #ea9ff4 : +16
81 : #eca8f5 : +18
83 : #eeb1f6 : +20
85 : #f0bbf7 : +22
87 : #f2c4f8 : +24
89 : #f4cdf9 : +26
91 : #f6d6fa : +28
93 : #f8dffb : +30
95 : #fae8fc : +32
97 : #fcf1fd : +34
99 : #fefafe : +36
CSS入門、作ってます。
text-shadow