#83abcf
RGB
| 赤 | 131 |
|---|---|
| 緑 | 171 |
| 青 | 207 |
HSL
| 色相 | 208° |
|---|---|
| 彩度 | 44% |
| 明度 | 66% |
| 輝度 | 64% |
３桁の色
補色
反転色
RGB ( 赤 = 131, 緑 = 171, 青 = 207 )
HSL ( 色相 = 208°, 彩度 = 44%, 明度 = 66% )
H : 色相 ( 208° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #ce8c82 : -200
18 : #ce9982 : -190
28 : #cea682 : -180
38 : #ceb282 : -170
48 : #cebf82 : -160
58 : #cecc82 : -150
68 : #c4ce82 : -140
78 : #b8ce82 : -130
88 : #abce82 : -120
98 : #9ece82 : -110
108 : #91ce82 : -100
118 : #85ce82 : -90
128 : #82ce8c : -80
138 : #82ce99 : -70
148 : #82cea6 : -60
158 : #82ceb2 : -50
168 : #82cebf : -40
178 : #82cecc : -30
188 : #82c4ce : -20
198 : #82b8ce : -10
208 : #82abce : ±0
218 : #829ece : +10
228 : #8291ce : +20
238 : #8285ce : +30
248 : #8c82ce : +40
258 : #9982ce : +50
268 : #a682ce : +60
278 : #b282ce : +70
288 : #bf82ce : +80
298 : #cc82ce : +90
308 : #ce82c4 : +100
318 : #ce82b8 : +110
328 : #ce82ab : +120
338 : #ce829e : +130
348 : #ce8291 : +140
358 : #ce8285 : +150
198 : #82b8ce : -10
199 : #82b6ce : -9
200 : #82b5ce : -8
201 : #82b4ce : -7
202 : #82b2ce : -6
203 : #82b1ce : -5
204 : #82b0ce : -4
205 : #82afce : -3
206 : #82adce : -2
207 : #82acce : -1
208 : #82abce : ±0
209 : #82aace : +1
210 : #82a8ce : +2
211 : #82a7ce : +3
212 : #82a6ce : +4
213 : #82a4ce : +5
214 : #82a3ce : +6
215 : #82a2ce : +7
216 : #82a1ce : +8
217 : #829fce : +9
218 : #829ece : +10
S : 彩度 ( 44% )
(0%) 渋い ～ 鮮やか (100%)
0 : #a8a8a8 : -44
2 : #a7a8aa : -42
4 : #a5a9ac : -40
6 : #a3a9ae : -38
8 : #a1a9af : -36
10 : #a0a9b1 : -34
12 : #9ea9b3 : -32
14 : #9ca9b4 : -30
16 : #9aa9b6 : -28
18 : #99a9b8 : -26
20 : #97a9ba : -24
22 : #95aabb : -22
24 : #93aabd : -20
26 : #92aabf : -18
28 : #90aac1 : -16
30 : #8eaac2 : -14
32 : #8daac4 : -12
34 : #8baac6 : -10
36 : #89aac8 : -8
38 : #87aac9 : -6
40 : #86abcb : -4
42 : #84abcd : -2
44 : #82abce : ±0
46 : #80abd0 : +2
48 : #7fabd2 : +4
50 : #7dabd4 : +6
52 : #7babd5 : +8
54 : #79abd7 : +10
56 : #78acd9 : +12
58 : #76acdb : +14
60 : #74acdc : +16
62 : #73acde : +18
64 : #71ace0 : +20
66 : #6face2 : +22
68 : #6dace3 : +24
70 : #6cace5 : +26
72 : #6aace7 : +28
74 : #68ade8 : +30
76 : #66adea : +32
78 : #65adec : +34
80 : #63adee : +36
82 : #61adef : +38
84 : #5fadf1 : +40
86 : #5eadf3 : +42
88 : #5cadf5 : +44
90 : #5aaef6 : +46
92 : #59aef8 : +48
94 : #57aefa : +50
96 : #55aefc : +52
98 : #53aefd : +54
100 : #52aeff : +56
L : 明度 ( 66% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -66
2 : #030507 : -64
4 : #060a0f : -62
6 : #091016 : -60
8 : #0b151d : -58
10 : #0e1a25 : -56
12 : #111f2c : -54
14 : #142533 : -52
16 : #172a3b : -50
18 : #1a2f42 : -48
20 : #1d3449 : -46
22 : #1f3a51 : -44
24 : #223f58 : -42
26 : #25445f : -40
28 : #284967 : -38
30 : #2b4f6e : -36
32 : #2e5476 : -34
34 : #31597d : -32
36 : #335e84 : -30
38 : #36648c : -28
40 : #396993 : -26
42 : #3c6e9a : -24
44 : #3f73a2 : -22
46 : #4279a9 : -20
48 : #457eb0 : -18
50 : #4783b8 : -16
52 : #4f88ba : -14
54 : #568dbd : -12
56 : #5d92c0 : -10
58 : #6597c3 : -8
60 : #6c9cc6 : -6
62 : #73a1c9 : -4
64 : #7ba6cc : -2
66 : #82abce : ±0
68 : #89b0d1 : +2
70 : #91b5d4 : +4
72 : #98bad7 : +6
74 : #a0bfda : +8
76 : #a7c4dd : +10
78 : #aec9e0 : +12
80 : #b6cde2 : +14
82 : #bdd2e5 : +16
84 : #c4d7e8 : +18
86 : #ccdceb : +20
88 : #d3e1ee : +22
90 : #dae6f1 : +24
92 : #e2ebf4 : +26
94 : #e9f0f6 : +28
96 : #f0f5f9 : +30
98 : #f8fafc : +32
100 : #ffffff : +34
CSS入門、作ってます。
text-shadow