#534d27
RGB
赤 | 83 |
---|---|
緑 | 77 |
青 | 39 |
HSL
色相 | 52° |
---|---|
彩度 | 36% |
明度 | 24% |
輝度 | 29% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 83, 緑 = 77, 青 = 39 )
HSL ( 色相 = 52°, 彩度 = 36%, 明度 = 24% )
H : 色相 ( 52° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #532927 : -50
12 : #533027 : -40
22 : #533727 : -30
32 : #533f27 : -20
42 : #534627 : -10
52 : #534d27 : ±0
62 : #525327 : +10
72 : #4a5327 : +20
82 : #435327 : +30
92 : #3c5327 : +40
102 : #345327 : +50
112 : #2d5327 : +60
122 : #275329 : +70
132 : #275330 : +80
142 : #275337 : +90
152 : #27533f : +100
162 : #275346 : +110
172 : #27534d : +120
182 : #275253 : +130
192 : #274a53 : +140
202 : #274353 : +150
212 : #273c53 : +160
222 : #273453 : +170
232 : #272d53 : +180
242 : #292753 : +190
252 : #302753 : +200
262 : #372753 : +210
272 : #3f2753 : +220
282 : #462753 : +230
292 : #4d2753 : +240
302 : #532752 : +250
312 : #53274a : +260
322 : #532743 : +270
332 : #53273c : +280
342 : #532734 : +290
352 : #53272d : +300
42 : #534627 : -10
43 : #534727 : -9
44 : #534727 : -8
45 : #534827 : -7
46 : #534927 : -6
47 : #534a27 : -5
48 : #534a27 : -4
49 : #534b27 : -3
50 : #534c27 : -2
51 : #534d27 : -1
52 : #534d27 : ±0
53 : #534e27 : +1
54 : #534f27 : +2
55 : #535027 : +3
56 : #535027 : +4
57 : #535127 : +5
58 : #535227 : +6
59 : #535227 : +7
60 : #535327 : +8
61 : #525327 : +9
62 : #525327 : +10
S : 彩度 ( 36% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -36
2 : #3e3e3c : -34
4 : #403f3b : -32
6 : #41403a : -30
8 : #424138 : -28
10 : #434237 : -26
12 : #454336 : -24
14 : #464335 : -22
16 : #474433 : -20
18 : #484532 : -18
20 : #494631 : -16
22 : #4b4730 : -14
24 : #4c482f : -12
26 : #4d492d : -10
28 : #4e4a2c : -8
30 : #504b2b : -6
32 : #514c2a : -4
34 : #524c28 : -2
36 : #534d27 : ±0
38 : #544e26 : +2
40 : #564f25 : +4
42 : #575023 : +6
44 : #585122 : +8
46 : #595221 : +10
48 : #5b5320 : +12
50 : #5c541f : +14
52 : #5d551d : +16
54 : #5e551c : +18
56 : #5f561b : +20
58 : #61571a : +22
60 : #625818 : +24
62 : #635917 : +26
64 : #645a16 : +28
66 : #665b15 : +30
68 : #675c14 : +32
70 : #685d12 : +34
72 : #695e11 : +36
74 : #6a5e10 : +38
76 : #6c5f0f : +40
78 : #6d600d : +42
80 : #6e610c : +44
82 : #6f620b : +46
84 : #71630a : +48
86 : #726409 : +50
88 : #736507 : +52
90 : #746606 : +54
92 : #766605 : +56
94 : #776704 : +58
96 : #786802 : +60
98 : #796901 : +62
100 : #7a6a00 : +64
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #070603 : -22
4 : #0e0d07 : -20
6 : #15130a : -18
8 : #1c1a0d : -16
10 : #232010 : -14
12 : #2a2714 : -12
14 : #312d17 : -10
16 : #37341a : -8
18 : #3e3a1d : -6
20 : #454021 : -4
22 : #4c4724 : -2
24 : #534d27 : ±0
26 : #5a542a : +2
28 : #615a2e : +4
30 : #686131 : +6
32 : #6f6734 : +8
34 : #766e37 : +10
36 : #7d743b : +12
38 : #847a3e : +14
40 : #8b8141 : +16
42 : #928745 : +18
44 : #998e48 : +20
46 : #a0944b : +22
48 : #a69b4e : +24
50 : #ada152 : +26
52 : #b1a559 : +28
54 : #b4a95f : +30
56 : #b7ac66 : +32
58 : #bab06d : +34
60 : #beb474 : +36
62 : #c1b87b : +38
64 : #c4bb82 : +40
66 : #c8bf89 : +42
68 : #cbc390 : +44
70 : #cec797 : +46
72 : #d1ca9e : +48
74 : #d5cea5 : +50
76 : #d8d2ac : +52
78 : #dbd6b3 : +54
80 : #ded9ba : +56
82 : #e2ddc1 : +58
84 : #e5e1c8 : +60
86 : #e8e5ce : +62
88 : #ebe8d5 : +64
90 : #efecdc : +66
92 : #f2f0e3 : +68
94 : #f5f4ea : +70
96 : #f8f7f1 : +72
98 : #fcfbf8 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow