#838add
RGB
赤 | 131 |
---|---|
緑 | 138 |
青 | 221 |
HSL
色相 | 235° |
---|---|
彩度 | 57% |
明度 | 69% |
輝度 | 57% |
3桁の色
補色
反転色
RGB ( 赤 = 131, 緑 = 138, 青 = 221 )
HSL ( 色相 = 235°, 彩度 = 57%, 明度 = 69% )
H : 色相 ( 235° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #dd8a83 : -230
15 : #dd9983 : -220
25 : #dda883 : -210
35 : #ddb783 : -200
45 : #ddc683 : -190
55 : #ddd583 : -180
65 : #d5dd83 : -170
75 : #c6dd83 : -160
85 : #b7dd83 : -150
95 : #a8dd83 : -140
105 : #99dd83 : -130
115 : #8add83 : -120
125 : #83dd8a : -110
135 : #83dd99 : -100
145 : #83dda8 : -90
155 : #83ddb7 : -80
165 : #83ddc6 : -70
175 : #83ddd5 : -60
185 : #83d5dd : -50
195 : #83c6dd : -40
205 : #83b7dd : -30
215 : #83a8dd : -20
225 : #8399dd : -10
235 : #838add : ±0
245 : #8a83dd : +10
255 : #9983dd : +20
265 : #a883dd : +30
275 : #b783dd : +40
285 : #c683dd : +50
295 : #d583dd : +60
305 : #dd83d5 : +70
315 : #dd83c6 : +80
325 : #dd83b7 : +90
335 : #dd83a8 : +100
345 : #dd8399 : +110
355 : #dd838a : +120
225 : #8399dd : -10
226 : #8398dd : -9
227 : #8396dd : -8
228 : #8395dd : -7
229 : #8393dd : -6
230 : #8392dd : -5
231 : #8390dd : -4
232 : #838fdd : -3
233 : #838ddd : -2
234 : #838cdd : -1
235 : #838add : ±0
236 : #8389dd : +1
237 : #8387dd : +2
238 : #8386dd : +3
239 : #8384dd : +4
240 : #8383dd : +5
241 : #8483dd : +6
242 : #8683dd : +7
243 : #8783dd : +8
244 : #8983dd : +9
245 : #8a83dd : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #afafb1 : -56
3 : #aeaeb2 : -54
5 : #acadb4 : -52
7 : #aaabb5 : -50
9 : #a9aab7 : -48
11 : #a7a9b9 : -46
13 : #a6a7ba : -44
15 : #a4a6bc : -42
17 : #a3a5bd : -40
19 : #a1a3bf : -38
21 : #9fa2c1 : -36
23 : #9ea1c2 : -34
25 : #9c9fc4 : -32
27 : #9b9ec5 : -30
29 : #999dc7 : -28
31 : #979cc8 : -26
33 : #969aca : -24
35 : #9499cc : -22
37 : #9398cd : -20
39 : #9196cf : -18
41 : #9095d0 : -16
43 : #8e94d2 : -14
45 : #8c92d4 : -12
47 : #8b91d5 : -10
49 : #8990d7 : -8
51 : #888ed8 : -6
53 : #868dda : -4
55 : #848cdb : -2
57 : #838add : ±0
59 : #8189df : +2
61 : #8088e0 : +4
63 : #7e86e2 : +6
65 : #7d85e3 : +8
67 : #7b84e5 : +10
69 : #7982e6 : +12
71 : #7881e8 : +14
73 : #7680ea : +16
75 : #757feb : +18
77 : #737ded : +20
79 : #727cee : +22
81 : #707bf0 : +24
83 : #6e79f2 : +26
85 : #6d78f3 : +28
87 : #6b77f5 : +30
89 : #6a75f6 : +32
91 : #6874f8 : +34
93 : #6673f9 : +36
95 : #6571fb : +38
97 : #6370fd : +40
99 : #626ffe : +42
L : 明度 ( 69% )
(0%) 暗い ~ 明るい (100%)
1 : #010104 : -68
3 : #03040c : -66
5 : #050714 : -64
7 : #08091c : -62
9 : #0a0c24 : -60
11 : #0c0f2c : -58
13 : #0e1134 : -56
15 : #10143c : -54
17 : #131744 : -52
19 : #15194c : -50
21 : #171c54 : -48
23 : #191f5c : -46
25 : #1b2164 : -44
27 : #1e246c : -42
29 : #202774 : -40
31 : #222a7c : -38
33 : #242c84 : -36
35 : #262f8c : -34
37 : #293294 : -32
39 : #2b349c : -30
41 : #2d37a4 : -28
43 : #2f3aac : -26
45 : #313cb4 : -24
47 : #343fbc : -22
49 : #3642c4 : -20
51 : #3b47c9 : -18
53 : #434ecb : -16
55 : #4b56ce : -14
57 : #535dd0 : -12
59 : #5b65d2 : -10
61 : #636cd4 : -8
63 : #6b74d6 : -6
65 : #737bd9 : -4
67 : #7b83db : -2
69 : #838add : ±0
71 : #8b92df : +2
73 : #9399e1 : +4
75 : #9ba1e4 : +6
77 : #a3a8e6 : +8
79 : #abb0e8 : +10
81 : #b3b8ea : +12
83 : #bbbfec : +14
85 : #c3c7ef : +16
87 : #cbcef1 : +18
89 : #d3d6f3 : +20
91 : #dbddf5 : +22
93 : #e3e5f7 : +24
95 : #ebecfa : +26
97 : #f3f4fc : +28
99 : #fbfbfe : +30
CSS入門、作ってます。
text-shadow