#2d5180
RGB
赤 | 45 |
---|---|
緑 | 81 |
青 | 128 |
HSL
色相 | 214° |
---|---|
彩度 | 48% |
明度 | 34% |
輝度 | 30% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 45, 緑 = 81, 青 = 128 )
HSL ( 色相 = 214°, 彩度 = 48%, 明度 = 34% )
H : 色相 ( 214° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #80332d : -210
14 : #80412d : -200
24 : #804e2d : -190
34 : #805c2d : -180
44 : #806a2d : -170
54 : #80782d : -160
64 : #7b802d : -150
74 : #6d802d : -140
84 : #5f802d : -130
94 : #51802d : -120
104 : #43802d : -110
114 : #35802d : -100
124 : #2d8033 : -90
134 : #2d8041 : -80
144 : #2d804e : -70
154 : #2d805c : -60
164 : #2d806a : -50
174 : #2d8078 : -40
184 : #2d7b80 : -30
194 : #2d6d80 : -20
204 : #2d5f80 : -10
214 : #2d5180 : ±0
224 : #2d4380 : +10
234 : #2d3580 : +20
244 : #332d80 : +30
254 : #412d80 : +40
264 : #4e2d80 : +50
274 : #5c2d80 : +60
284 : #6a2d80 : +70
294 : #782d80 : +80
304 : #802d7b : +90
314 : #802d6d : +100
324 : #802d5f : +110
334 : #802d51 : +120
344 : #802d43 : +130
354 : #802d35 : +140
204 : #2d5f80 : -10
205 : #2d5e80 : -9
206 : #2d5c80 : -8
207 : #2d5b80 : -7
208 : #2d5980 : -6
209 : #2d5880 : -5
210 : #2d5780 : -4
211 : #2d5580 : -3
212 : #2d5480 : -2
213 : #2d5380 : -1
214 : #2d5180 : ±0
215 : #2d5080 : +1
216 : #2d4e80 : +2
217 : #2d4d80 : +3
218 : #2d4c80 : +4
219 : #2d4a80 : +5
220 : #2d4980 : +6
221 : #2d4780 : +7
222 : #2d4680 : +8
223 : #2d4580 : +9
224 : #2d4380 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -48
2 : #555658 : -46
4 : #53565a : -44
6 : #51565c : -42
8 : #50565e : -40
10 : #4e565f : -38
12 : #4c5561 : -36
14 : #4b5563 : -34
16 : #495565 : -32
18 : #475566 : -30
20 : #455468 : -28
22 : #44546a : -26
24 : #42546c : -24
26 : #40546d : -22
28 : #3e536f : -20
30 : #3d5371 : -18
32 : #3b5372 : -16
34 : #395374 : -14
36 : #375376 : -12
38 : #365278 : -10
40 : #345279 : -8
42 : #32527b : -6
44 : #31527d : -4
46 : #2f517f : -2
48 : #2d5180 : ±0
50 : #2b5182 : +2
52 : #2a5184 : +4
54 : #285086 : +6
56 : #265087 : +8
58 : #245089 : +10
60 : #23508b : +12
62 : #21508c : +14
64 : #1f4f8e : +16
66 : #1d4f90 : +18
68 : #1c4f92 : +20
70 : #1a4f93 : +22
72 : #184e95 : +24
74 : #174e97 : +26
76 : #154e99 : +28
78 : #134e9a : +30
80 : #114d9c : +32
82 : #104d9e : +34
84 : #0e4da0 : +36
86 : #0c4da1 : +38
88 : #0a4da3 : +40
90 : #094ca5 : +42
92 : #074ca6 : +44
94 : #054ca8 : +46
96 : #034caa : +48
98 : #024bac : +50
100 : #004bad : +52
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #030508 : -32
4 : #050a0f : -30
6 : #080e17 : -28
8 : #0b131e : -26
10 : #0d1826 : -24
12 : #101d2d : -22
14 : #132135 : -20
16 : #15263c : -18
18 : #182b44 : -16
20 : #1b304b : -14
22 : #1d3553 : -12
24 : #20395b : -10
26 : #223e62 : -8
28 : #25436a : -6
30 : #284871 : -4
32 : #2a4c79 : -2
34 : #2d5180 : ±0
36 : #305688 : +2
38 : #325b8f : +4
40 : #355f97 : +6
42 : #38649f : +8
44 : #3a69a6 : +10
46 : #3d6eae : +12
48 : #4073b5 : +14
50 : #4277bd : +16
52 : #4a7dbf : +18
54 : #5182c2 : +20
56 : #5988c5 : +22
58 : #608dc7 : +24
60 : #6892ca : +26
62 : #7098cd : +28
64 : #779dcf : +30
66 : #7fa3d2 : +32
68 : #86a8d5 : +34
70 : #8eaed7 : +36
72 : #95b3da : +38
74 : #9db8dd : +40
76 : #a4bedf : +42
78 : #acc3e2 : +44
80 : #b4c9e4 : +46
82 : #bbcee7 : +48
84 : #c3d4ea : +50
86 : #cad9ec : +52
88 : #d2deef : +54
90 : #d9e4f2 : +56
92 : #e1e9f4 : +58
94 : #e8eff7 : +60
96 : #f0f4fa : +62
98 : #f7fafc : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow