#58472d
RGB
赤 | 88 |
---|---|
緑 | 71 |
青 | 45 |
HSL
色相 | 36° |
---|---|
彩度 | 32% |
明度 | 26% |
輝度 | 29% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 88, 緑 = 71, 青 = 45 )
HSL ( 色相 = 36°, 彩度 = 32%, 明度 = 26% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #58312d : -30
16 : #58382d : -20
26 : #583f2d : -10
36 : #58472d : ±0
46 : #584e2d : +10
56 : #58552d : +20
66 : #53582d : +30
76 : #4c582d : +40
86 : #45582d : +50
96 : #3e582d : +60
106 : #37582d : +70
116 : #30582d : +80
126 : #2d5831 : +90
136 : #2d5838 : +100
146 : #2d583f : +110
156 : #2d5847 : +120
166 : #2d584e : +130
176 : #2d5855 : +140
186 : #2d5358 : +150
196 : #2d4c58 : +160
206 : #2d4558 : +170
216 : #2d3e58 : +180
226 : #2d3758 : +190
236 : #2d3058 : +200
246 : #312d58 : +210
256 : #382d58 : +220
266 : #3f2d58 : +230
276 : #472d58 : +240
286 : #4e2d58 : +250
296 : #552d58 : +260
306 : #582d53 : +270
316 : #582d4c : +280
326 : #582d45 : +290
336 : #582d3e : +300
346 : #582d37 : +310
356 : #582d30 : +320
26 : #583f2d : -10
27 : #58402d : -9
28 : #58412d : -8
29 : #58422d : -7
30 : #58422d : -6
31 : #58432d : -5
32 : #58442d : -4
33 : #58442d : -3
34 : #58452d : -2
35 : #58462d : -1
36 : #58472d : ±0
37 : #58472d : +1
38 : #58482d : +2
39 : #58492d : +3
40 : #58492d : +4
41 : #584a2d : +5
42 : #584b2d : +6
43 : #584b2d : +7
44 : #584c2d : +8
45 : #584d2d : +9
46 : #584e2d : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -32
2 : #444341 : -30
4 : #454340 : -28
6 : #46433e : -26
8 : #48433d : -24
10 : #49443c : -22
12 : #4a443a : -20
14 : #4c4439 : -18
16 : #4d4438 : -16
18 : #4e4536 : -14
20 : #504535 : -12
22 : #514534 : -10
24 : #524532 : -8
26 : #544631 : -6
28 : #554630 : -4
30 : #56462e : -2
32 : #58472d : ±0
34 : #59472c : +2
36 : #5a472a : +4
38 : #5b4729 : +6
40 : #5d4828 : +8
42 : #5e4826 : +10
44 : #5f4825 : +12
46 : #614824 : +14
48 : #624922 : +16
50 : #634921 : +18
52 : #654920 : +20
54 : #66491e : +22
56 : #674a1d : +24
58 : #694a1c : +26
60 : #6a4a1b : +28
62 : #6b4b19 : +30
64 : #6d4b18 : +32
66 : #6e4b17 : +34
68 : #6f4b15 : +36
70 : #714c14 : +38
72 : #724c13 : +40
74 : #734c11 : +42
76 : #754c10 : +44
78 : #764d0f : +46
80 : #774d0d : +48
82 : #794d0c : +50
84 : #7a4d0b : +52
86 : #7b4e09 : +54
88 : #7d4e08 : +56
90 : #7e4e07 : +58
92 : #7f4e05 : +60
94 : #814f04 : +62
96 : #824f03 : +64
98 : #834f01 : +66
100 : #855000 : +68
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #070503 : -24
4 : #0d0b07 : -22
6 : #14100a : -20
8 : #1b160e : -18
10 : #221b11 : -16
12 : #282115 : -14
14 : #2f2618 : -12
16 : #362b1c : -10
18 : #3d311f : -8
20 : #433623 : -6
22 : #4a3c26 : -4
24 : #51412a : -2
26 : #58472d : ±0
28 : #5e4c31 : +2
30 : #655134 : +4
32 : #6c5737 : +6
34 : #725c3b : +8
36 : #79623e : +10
38 : #806742 : +12
40 : #876d45 : +14
42 : #8d7249 : +16
44 : #94774c : +18
46 : #9b7d50 : +20
48 : #a28253 : +22
50 : #a88857 : +24
52 : #ac8c5d : +26
54 : #af9164 : +28
56 : #b3966b : +30
58 : #b69b72 : +32
60 : #baa078 : +34
62 : #bda47f : +36
64 : #c1a986 : +38
66 : #c4ae8d : +40
68 : #c8b393 : +42
70 : #cbb79a : +44
72 : #cebca1 : +46
74 : #d2c1a7 : +48
76 : #d5c6ae : +50
78 : #d9cab5 : +52
80 : #dccfbc : +54
82 : #e0d4c2 : +56
84 : #e3d9c9 : +58
86 : #e7ded0 : +60
88 : #eae2d7 : +62
90 : #eee7dd : +64
92 : #f1ece4 : +66
94 : #f5f1eb : +68
96 : #f8f5f2 : +70
98 : #fcfaf8 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow