#7d8ad9
RGB
赤 | 125 |
---|---|
緑 | 138 |
青 | 217 |
HSL
色相 | 232° |
---|---|
彩度 | 55% |
明度 | 67% |
輝度 | 56% |
3桁の色
補色
反転色
RGB ( 赤 = 125, 緑 = 138, 青 = 217 )
HSL ( 色相 = 232°, 彩度 = 55%, 明度 = 67% )
H : 色相 ( 232° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #d9807d : -230
12 : #d98f7d : -220
22 : #d99f7d : -210
32 : #d9ae7d : -200
42 : #d9bd7d : -190
52 : #d9cd7d : -180
62 : #d6d97d : -170
72 : #c7d97d : -160
82 : #b7d97d : -150
92 : #a8d97d : -140
102 : #98d97d : -130
112 : #89d97d : -120
122 : #7dd980 : -110
132 : #7dd98f : -100
142 : #7dd99f : -90
152 : #7dd9ae : -80
162 : #7dd9bd : -70
172 : #7dd9cd : -60
182 : #7dd6d9 : -50
192 : #7dc7d9 : -40
202 : #7db7d9 : -30
212 : #7da8d9 : -20
222 : #7d98d9 : -10
232 : #7d89d9 : ±0
242 : #807dd9 : +10
252 : #8f7dd9 : +20
262 : #9f7dd9 : +30
272 : #ae7dd9 : +40
282 : #bd7dd9 : +50
292 : #cd7dd9 : +60
302 : #d97dd6 : +70
312 : #d97dc7 : +80
322 : #d97db7 : +90
332 : #d97da8 : +100
342 : #d97d98 : +110
352 : #d97d89 : +120
222 : #7d98d9 : -10
223 : #7d97d9 : -9
224 : #7d95d9 : -8
225 : #7d94d9 : -7
226 : #7d92d9 : -6
227 : #7d91d9 : -5
228 : #7d8fd9 : -4
229 : #7d8ed9 : -3
230 : #7d8cd9 : -2
231 : #7d8ad9 : -1
232 : #7d89d9 : ±0
233 : #7d87d9 : +1
234 : #7d86d9 : +2
235 : #7d84d9 : +3
236 : #7d83d9 : +4
237 : #7d81d9 : +5
238 : #7d80d9 : +6
239 : #7d7ed9 : +7
240 : #7d7dd9 : +8
241 : #7e7dd9 : +9
242 : #807dd9 : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #aaaaac : -54
3 : #a8a9ad : -52
5 : #a7a8af : -50
7 : #a5a7b1 : -48
9 : #a3a5b2 : -46
11 : #a2a4b4 : -44
13 : #a0a3b6 : -42
15 : #9ea2b7 : -40
17 : #9da0b9 : -38
19 : #9b9fbb : -36
21 : #999ebd : -34
23 : #979dbe : -32
25 : #969bc0 : -30
27 : #949ac2 : -28
29 : #9299c3 : -26
31 : #9198c5 : -24
33 : #8f96c7 : -22
35 : #8d95c8 : -20
37 : #8c94ca : -18
39 : #8a93cc : -16
41 : #8892cd : -14
43 : #8790cf : -12
45 : #858fd1 : -10
47 : #838ed2 : -8
49 : #828dd4 : -6
51 : #808bd6 : -4
53 : #7e8ad7 : -2
55 : #7d89d9 : ±0
57 : #7b88db : +2
59 : #7986dc : +4
61 : #7885de : +6
63 : #7684e0 : +8
65 : #7483e2 : +10
67 : #7282e3 : +12
69 : #7180e5 : +14
71 : #6f7fe7 : +16
73 : #6d7ee8 : +18
75 : #6c7dea : +20
77 : #6a7bec : +22
79 : #687aed : +24
81 : #6779ef : +26
83 : #6578f1 : +28
85 : #6376f2 : +30
87 : #6275f4 : +32
89 : #6074f6 : +34
91 : #5e73f7 : +36
93 : #5d71f9 : +38
95 : #5b70fb : +40
97 : #596ffc : +42
99 : #586efe : +44
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -66
3 : #03050c : -64
5 : #060814 : -62
7 : #080b1c : -60
9 : #0a0e24 : -58
11 : #0d112b : -56
13 : #0f1433 : -54
15 : #11173b : -52
17 : #141a43 : -50
19 : #161d4b : -48
21 : #182053 : -46
23 : #1a235b : -44
25 : #1d2663 : -42
27 : #1f296b : -40
29 : #212c73 : -38
31 : #242f7b : -36
33 : #263282 : -34
35 : #28358a : -32
37 : #2a3892 : -30
39 : #2d3b9a : -28
41 : #2f3ea2 : -26
43 : #3141aa : -24
45 : #3444b2 : -22
47 : #3648ba : -20
49 : #384bc2 : -18
51 : #3d50c7 : -16
53 : #4557c9 : -14
55 : #4d5ecb : -12
57 : #5565ce : -10
59 : #5d6cd0 : -8
61 : #6573d2 : -6
63 : #6d7bd5 : -4
65 : #7582d7 : -2
67 : #7d89d9 : ±0
69 : #8490db : +2
71 : #8c97de : +4
73 : #949ee0 : +6
75 : #9ca6e2 : +8
77 : #a4ade5 : +10
79 : #acb4e7 : +12
81 : #b4bbe9 : +14
83 : #bcc2eb : +16
85 : #c4c9ee : +18
87 : #ccd0f0 : +20
89 : #d4d8f2 : +22
91 : #dbdff5 : +24
93 : #e3e6f7 : +26
95 : #ebedf9 : +28
97 : #f3f4fc : +30
99 : #fbfbfe : +32
CSS入門、作ってます。
text-shadow