#869ada
RGB
赤 | 134 |
---|---|
緑 | 154 |
青 | 218 |
HSL
色相 | 226° |
---|---|
彩度 | 53% |
明度 | 69% |
輝度 | 61% |
3桁の色
補色
反転色
RGB ( 赤 = 134, 緑 = 154, 青 = 218 )
HSL ( 色相 = 226°, 彩度 = 53%, 明度 = 69% )
H : 色相 ( 226° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #da8e86 : -220
16 : #da9c86 : -210
26 : #daaa86 : -200
36 : #dab886 : -190
46 : #dac686 : -180
56 : #dad486 : -170
66 : #d1da86 : -160
76 : #c4da86 : -150
86 : #b6da86 : -140
96 : #a8da86 : -130
106 : #9ada86 : -120
116 : #8cda86 : -110
126 : #86da8e : -100
136 : #86da9c : -90
146 : #86daaa : -80
156 : #86dab8 : -70
166 : #86dac6 : -60
176 : #86dad4 : -50
186 : #86d1da : -40
196 : #86c4da : -30
206 : #86b6da : -20
216 : #86a8da : -10
226 : #869ada : ±0
236 : #868cda : +10
246 : #8e86da : +20
256 : #9c86da : +30
266 : #aa86da : +40
276 : #b886da : +50
286 : #c686da : +60
296 : #d486da : +70
306 : #da86d1 : +80
316 : #da86c4 : +90
326 : #da86b6 : +100
336 : #da86a8 : +110
346 : #da869a : +120
356 : #da868c : +130
216 : #86a8da : -10
217 : #86a6da : -9
218 : #86a5da : -8
219 : #86a3da : -7
220 : #86a2da : -6
221 : #86a1da : -5
222 : #869fda : -4
223 : #869eda : -3
224 : #869cda : -2
225 : #869bda : -1
226 : #869ada : ±0
227 : #8698da : +1
228 : #8697da : +2
229 : #8695da : +3
230 : #8694da : +4
231 : #8693da : +5
232 : #8691da : +6
233 : #8690da : +7
234 : #868eda : +8
235 : #868dda : +9
236 : #868cda : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #afb0b1 : -52
3 : #aeafb2 : -50
5 : #acaeb4 : -48
7 : #aaadb5 : -46
9 : #a9acb7 : -44
11 : #a7abb9 : -42
13 : #a6aaba : -40
15 : #a4aabc : -38
17 : #a3a9bd : -36
19 : #a1a8bf : -34
21 : #9fa7c1 : -32
23 : #9ea6c2 : -30
25 : #9ca5c4 : -28
27 : #9ba5c5 : -26
29 : #99a4c7 : -24
31 : #97a3c8 : -22
33 : #96a2ca : -20
35 : #94a1cc : -18
37 : #93a0cd : -16
39 : #91a0cf : -14
41 : #909fd0 : -12
43 : #8e9ed2 : -10
45 : #8c9dd4 : -8
47 : #8b9cd5 : -6
49 : #899bd7 : -4
51 : #889ad8 : -2
53 : #869ada : ±0
55 : #8499db : +2
57 : #8398dd : +4
59 : #8197df : +6
61 : #8096e0 : +8
63 : #7e95e2 : +10
65 : #7d95e3 : +12
67 : #7b94e5 : +14
69 : #7993e6 : +16
71 : #7892e8 : +18
73 : #7691ea : +20
75 : #7590eb : +22
77 : #738fed : +24
79 : #728fee : +26
81 : #708ef0 : +28
83 : #6e8df2 : +30
85 : #6d8cf3 : +32
87 : #6b8bf5 : +34
89 : #6a8af6 : +36
91 : #688af8 : +38
93 : #6689f9 : +40
95 : #6588fb : +42
97 : #6387fd : +44
99 : #6286fe : +46
L : 明度 ( 69% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -68
3 : #04050c : -66
5 : #060914 : -64
7 : #080d1b : -62
9 : #0b1023 : -60
11 : #0d142b : -58
13 : #101833 : -56
15 : #121b3b : -54
17 : #141f42 : -52
19 : #17234a : -50
21 : #192652 : -48
23 : #1c2a5a : -46
25 : #1e2e62 : -44
27 : #203169 : -42
29 : #233571 : -40
31 : #253979 : -38
33 : #283c81 : -36
35 : #2a4089 : -34
37 : #2c4490 : -32
39 : #2f4798 : -30
41 : #314ba0 : -28
43 : #344fa8 : -26
45 : #3652b0 : -24
47 : #3856b7 : -22
49 : #3b5abf : -20
51 : #405fc4 : -18
53 : #4865c7 : -16
55 : #4f6cc9 : -14
57 : #5772cb : -12
59 : #5f79ce : -10
61 : #677fd0 : -8
63 : #6f86d3 : -6
65 : #768dd5 : -4
67 : #7e93d7 : -2
69 : #869ada : ±0
71 : #8ea0dc : +2
73 : #96a7df : +4
75 : #9dade1 : +6
77 : #a5b4e3 : +8
79 : #adbae6 : +10
81 : #b5c1e8 : +12
83 : #bdc7eb : +14
85 : #c4ceed : +16
87 : #ccd4ef : +18
89 : #d4dbf2 : +20
91 : #dce2f4 : +22
93 : #e4e8f7 : +24
95 : #ebeff9 : +26
97 : #f3f5fb : +28
99 : #fbfcfe : +30
CSS入門、作ってます。
text-shadow