#3858dc
RGB
赤 | 56 |
---|---|
緑 | 88 |
青 | 220 |
HSL
色相 | 228° |
---|---|
彩度 | 70% |
明度 | 54% |
輝度 | 37% |
3桁の色
補色
反転色
RGB ( 赤 = 56, 緑 = 88, 青 = 220 )
HSL ( 色相 = 228°, 彩度 = 70%, 明度 = 54% )
H : 色相 ( 228° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #dc4d38 : -220
18 : #dc6938 : -210
28 : #dc8438 : -200
38 : #dca038 : -190
48 : #dcbb38 : -180
58 : #dcd638 : -170
68 : #c6dc38 : -160
78 : #abdc38 : -150
88 : #8fdc38 : -140
98 : #74dc38 : -130
108 : #58dc38 : -120
118 : #3ddc38 : -110
128 : #38dc4d : -100
138 : #38dc69 : -90
148 : #38dc84 : -80
158 : #38dca0 : -70
168 : #38dcbb : -60
178 : #38dcd6 : -50
188 : #38c6dc : -40
198 : #38abdc : -30
208 : #388fdc : -20
218 : #3874dc : -10
228 : #3858dc : ±0
238 : #383ddc : +10
248 : #4d38dc : +20
258 : #6938dc : +30
268 : #8438dc : +40
278 : #a038dc : +50
288 : #bb38dc : +60
298 : #d638dc : +70
308 : #dc38c6 : +80
318 : #dc38ab : +90
328 : #dc388f : +100
338 : #dc3874 : +110
348 : #dc3858 : +120
358 : #dc383d : +130
218 : #3874dc : -10
219 : #3871dc : -9
220 : #386edc : -8
221 : #386cdc : -7
222 : #3869dc : -6
223 : #3866dc : -5
224 : #3863dc : -4
225 : #3861dc : -3
226 : #385edc : -2
227 : #385bdc : -1
228 : #3858dc : ±0
229 : #3856dc : +1
230 : #3853dc : +2
231 : #3850dc : +3
232 : #384ddc : +4
233 : #384bdc : +5
234 : #3848dc : +6
235 : #3845dc : +7
236 : #3843dc : +8
237 : #3840dc : +9
238 : #383ddc : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #898989 : -70
2 : #87888c : -68
4 : #85878e : -66
6 : #838591 : -64
8 : #808493 : -62
10 : #7e8395 : -60
12 : #7c8198 : -58
14 : #79809a : -56
16 : #777e9c : -54
18 : #757d9f : -52
20 : #727ca1 : -50
22 : #707aa4 : -48
24 : #6e79a6 : -46
26 : #6b77a8 : -44
28 : #6976ab : -42
30 : #6775ad : -40
32 : #6473af : -38
34 : #6272b2 : -36
36 : #5f70b4 : -34
38 : #5d6fb6 : -32
40 : #5b6eb9 : -30
42 : #586cbb : -28
44 : #566bbd : -26
46 : #5469c0 : -24
48 : #5168c2 : -22
50 : #4f67c4 : -20
52 : #4d65c7 : -18
54 : #4a64c9 : -16
56 : #4862cb : -14
58 : #4661ce : -12
60 : #435fd0 : -10
62 : #415ed2 : -8
64 : #3f5dd5 : -6
66 : #3c5bd7 : -4
68 : #3a5ad9 : -2
70 : #3858dc : ±0
72 : #3557de : +2
74 : #3356e1 : +4
76 : #3154e3 : +6
78 : #2e53e5 : +8
80 : #2c51e8 : +10
82 : #2a50ea : +12
84 : #274fec : +14
86 : #254def : +16
88 : #224cf1 : +18
90 : #204af3 : +20
92 : #1e49f6 : +22
94 : #1b48f8 : +24
96 : #1946fa : +26
98 : #1745fd : +28
100 : #1443ff : +30
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #020309 : -52
4 : #030611 : -50
6 : #05091a : -48
8 : #060c23 : -46
10 : #080f2b : -44
12 : #091234 : -42
14 : #0b153d : -40
16 : #0c1845 : -38
18 : #0e1b4e : -36
20 : #0f1e57 : -34
22 : #11215f : -32
24 : #122368 : -30
26 : #142671 : -28
28 : #152979 : -26
30 : #172c82 : -24
32 : #182f8b : -22
34 : #1a3293 : -20
36 : #1c359c : -18
38 : #1d38a5 : -16
40 : #1f3bad : -14
42 : #203eb6 : -12
44 : #2241bf : -10
46 : #2344c7 : -8
48 : #2547d0 : -6
50 : #264ad9 : -4
52 : #2f51da : -2
54 : #3858dc : ±0
56 : #4060dd : +2
58 : #4967df : +4
60 : #526ee0 : +6
62 : #5a75e2 : +8
64 : #637de3 : +10
66 : #6c84e5 : +12
68 : #748be7 : +14
70 : #7d92e8 : +16
72 : #869aea : +18
74 : #8ea1eb : +20
76 : #97a8ed : +22
78 : #a0afee : +24
80 : #a8b7f0 : +26
82 : #b1bef1 : +28
84 : #bac5f3 : +30
86 : #c2ccf4 : +32
88 : #cbd4f6 : +34
90 : #d4dbf7 : +36
92 : #dce2f9 : +38
94 : #e5e9fa : +40
96 : #eef1fc : +42
98 : #f6f8fd : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow