#8d73ed
RGB
赤 | 141 |
---|---|
緑 | 115 |
青 | 237 |
HSL
色相 | 253° |
---|---|
彩度 | 77% |
明度 | 69% |
輝度 | 54% |
3桁の色
補色
反転色
RGB ( 赤 = 141, 緑 = 115, 青 = 237 )
HSL ( 色相 = 253°, 彩度 = 77%, 明度 = 69% )
H : 色相 ( 253° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #ed7973 : -250
13 : #ed8d73 : -240
23 : #eda273 : -230
33 : #edb673 : -220
43 : #edca73 : -210
53 : #eddf73 : -200
63 : #e7ed73 : -190
73 : #d2ed73 : -180
83 : #beed73 : -170
93 : #aaed73 : -160
103 : #96ed73 : -150
113 : #81ed73 : -140
123 : #73ed79 : -130
133 : #73ed8d : -120
143 : #73eda2 : -110
153 : #73edb6 : -100
163 : #73edca : -90
173 : #73eddf : -80
183 : #73e7ed : -70
193 : #73d2ed : -60
203 : #73beed : -50
213 : #73aaed : -40
223 : #7396ed : -30
233 : #7381ed : -20
243 : #7973ed : -10
253 : #8d73ed : ±0
263 : #a273ed : +10
273 : #b673ed : +20
283 : #ca73ed : +30
293 : #df73ed : +40
303 : #ed73e7 : +50
313 : #ed73d2 : +60
323 : #ed73be : +70
333 : #ed73aa : +80
343 : #ed7396 : +90
353 : #ed7381 : +100
243 : #7973ed : -10
244 : #7b73ed : -9
245 : #7d73ed : -8
246 : #7f73ed : -7
247 : #8173ed : -6
248 : #8373ed : -5
249 : #8573ed : -4
250 : #8773ed : -3
251 : #8973ed : -2
252 : #8b73ed : -1
253 : #8d73ed : ±0
254 : #8f73ed : +1
255 : #9273ed : +2
256 : #9473ed : +3
257 : #9673ed : +4
258 : #9873ed : +5
259 : #9a73ed : +6
260 : #9c73ed : +7
261 : #9e73ed : +8
262 : #a073ed : +9
263 : #a273ed : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #b0afb1 : -76
3 : #afaeb2 : -74
5 : #aeacb4 : -72
7 : #adaab5 : -70
9 : #aca9b7 : -68
11 : #aba7b9 : -66
13 : #aaa6ba : -64
15 : #a9a4bc : -62
17 : #a8a3bd : -60
19 : #a7a1bf : -58
21 : #a79fc1 : -56
23 : #a69ec2 : -54
25 : #a59cc4 : -52
27 : #a49bc5 : -50
29 : #a399c7 : -48
31 : #a297c8 : -46
33 : #a196ca : -44
35 : #a094cc : -42
37 : #9f93cd : -40
39 : #9e91cf : -38
41 : #9e90d0 : -36
43 : #9d8ed2 : -34
45 : #9c8cd4 : -32
47 : #9b8bd5 : -30
49 : #9a89d7 : -28
51 : #9988d8 : -26
53 : #9886da : -24
55 : #9784db : -22
57 : #9683dd : -20
59 : #9681df : -18
61 : #9580e0 : -16
63 : #947ee2 : -14
65 : #937de3 : -12
67 : #927be5 : -10
69 : #9179e6 : -8
71 : #9078e8 : -6
73 : #8f76ea : -4
75 : #8e75eb : -2
77 : #8d73ed : ±0
79 : #8d72ee : +2
81 : #8c70f0 : +4
83 : #8b6ef2 : +6
85 : #8a6df3 : +8
87 : #896bf5 : +10
89 : #886af6 : +12
91 : #8768f8 : +14
93 : #8666f9 : +16
95 : #8565fb : +18
97 : #8463fd : +20
99 : #8462fe : +22
L : 明度 ( 69% )
(0%) 暗い ~ 明るい (100%)
1 : #010105 : -68
3 : #04020e : -66
5 : #070317 : -64
7 : #0a0420 : -62
9 : #0d0529 : -60
11 : #100632 : -58
13 : #13083b : -56
15 : #160944 : -54
17 : #180a4d : -52
19 : #1b0b56 : -50
21 : #1e0c5f : -48
23 : #210d68 : -46
25 : #240f71 : -44
27 : #27107a : -42
29 : #2a1183 : -40
31 : #2d128c : -38
33 : #2f1395 : -36
35 : #32159e : -34
37 : #3516a7 : -32
39 : #3817b0 : -30
41 : #3b18b9 : -28
43 : #3e19c2 : -26
45 : #411acb : -24
47 : #441cd4 : -22
49 : #461ddd : -20
51 : #4c22e2 : -18
53 : #532be3 : -16
55 : #5a34e5 : -14
57 : #623de6 : -12
59 : #6946e7 : -10
61 : #704fe8 : -8
63 : #7758e9 : -6
65 : #7f61ea : -4
67 : #866aec : -2
69 : #8d73ed : ±0
71 : #957cee : +2
73 : #9c85ef : +4
75 : #a38ef0 : +6
77 : #ab97f2 : +8
79 : #b2a0f3 : +10
81 : #b9a9f4 : +12
83 : #c1b2f5 : +14
85 : #c8bbf6 : +16
87 : #cfc4f7 : +18
89 : #d7cdf9 : +20
91 : #ded6fa : +22
93 : #e5dffb : +24
95 : #ede8fc : +26
97 : #f4f1fd : +28
99 : #fbfafe : +30
CSS入門、作ってます。
text-shadow