#4e4a36
RGB
赤 | 78 |
---|---|
緑 | 74 |
青 | 54 |
HSL
色相 | 50° |
---|---|
彩度 | 18% |
明度 | 26% |
輝度 | 29% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 78, 緑 = 74, 青 = 54 )
HSL ( 色相 = 50°, 彩度 = 18%, 明度 = 26% )
H : 色相 ( 50° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #4e3636 : -50
10 : #4e3a36 : -40
20 : #4e3e36 : -30
30 : #4e4236 : -20
40 : #4e4636 : -10
50 : #4e4a36 : ±0
60 : #4e4e36 : +10
70 : #4a4e36 : +20
80 : #464e36 : +30
90 : #424e36 : +40
100 : #3e4e36 : +50
110 : #3a4e36 : +60
120 : #364e36 : +70
130 : #364e3a : +80
140 : #364e3e : +90
150 : #364e42 : +100
160 : #364e46 : +110
170 : #364e4a : +120
180 : #364e4e : +130
190 : #364a4e : +140
200 : #36464e : +150
210 : #36424e : +160
220 : #363e4e : +170
230 : #363a4e : +180
240 : #36364e : +190
250 : #3a364e : +200
260 : #3e364e : +210
270 : #42364e : +220
280 : #46364e : +230
290 : #4a364e : +240
300 : #4e364e : +250
310 : #4e364a : +260
320 : #4e3646 : +270
330 : #4e3642 : +280
340 : #4e363e : +290
350 : #4e363a : +300
40 : #4e4636 : -10
41 : #4e4736 : -9
42 : #4e4736 : -8
43 : #4e4736 : -7
44 : #4e4836 : -6
45 : #4e4836 : -5
46 : #4e4936 : -4
47 : #4e4936 : -3
48 : #4e4936 : -2
49 : #4e4a36 : -1
50 : #4e4a36 : ±0
51 : #4e4b36 : +1
52 : #4e4b36 : +2
53 : #4e4b36 : +3
54 : #4e4c36 : +4
55 : #4e4c36 : +5
56 : #4e4d36 : +6
57 : #4e4d36 : +7
58 : #4e4d36 : +8
59 : #4e4e36 : +9
60 : #4e4e36 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -18
2 : #444341 : -16
4 : #454440 : -14
6 : #46453e : -12
8 : #48463d : -10
10 : #49473c : -8
12 : #4a483a : -6
14 : #4c4839 : -4
16 : #4d4938 : -2
18 : #4e4a36 : ±0
20 : #504b35 : +2
22 : #514c34 : +4
24 : #524d32 : +6
26 : #544e31 : +8
28 : #554f30 : +10
30 : #56502e : +12
32 : #58502d : +14
34 : #59512c : +16
36 : #5a522a : +18
38 : #5b5329 : +20
40 : #5d5428 : +22
42 : #5e5526 : +24
44 : #5f5625 : +26
46 : #615724 : +28
48 : #625822 : +30
50 : #635821 : +32
52 : #655920 : +34
54 : #665a1e : +36
56 : #675b1d : +38
58 : #695c1c : +40
60 : #6a5d1b : +42
62 : #6b5e19 : +44
64 : #6d5f18 : +46
66 : #6e5f17 : +48
68 : #6f6015 : +50
70 : #716114 : +52
72 : #726213 : +54
74 : #736311 : +56
76 : #756410 : +58
78 : #76650f : +60
80 : #77660d : +62
82 : #79670c : +64
84 : #7a670b : +66
86 : #7b6809 : +68
88 : #7d6908 : +70
90 : #7e6a07 : +72
92 : #7f6b05 : +74
94 : #816c04 : +76
96 : #826d03 : +78
98 : #836e01 : +80
100 : #856f00 : +82
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #060604 : -24
4 : #0c0b08 : -22
6 : #12110d : -20
8 : #181711 : -18
10 : #1e1d15 : -16
12 : #242219 : -14
14 : #2a281d : -12
16 : #302e21 : -10
18 : #363326 : -8
20 : #3c392a : -6
22 : #423f2e : -4
24 : #484532 : -2
26 : #4e4a36 : ±0
28 : #54503b : +2
30 : #5a563f : +4
32 : #605b43 : +6
34 : #666147 : +8
36 : #6c674b : +10
38 : #726d4f : +12
40 : #787254 : +14
42 : #7e7858 : +16
44 : #847e5c : +18
46 : #8a8360 : +20
48 : #908964 : +22
50 : #968f69 : +24
52 : #9b936f : +26
54 : #9f9875 : +28
56 : #a39c7b : +30
58 : #a7a181 : +32
60 : #aba587 : +34
62 : #b0aa8d : +36
64 : #b4ae93 : +38
66 : #b8b399 : +40
68 : #bcb79f : +42
70 : #c0bca5 : +44
72 : #c4c0ab : +46
74 : #c9c5b1 : +48
76 : #cdc9b7 : +50
78 : #d1cebd : +52
80 : #d5d2c3 : +54
82 : #d9d7c9 : +56
84 : #dedbcf : +58
86 : #e2e0d5 : +60
88 : #e6e4db : +62
90 : #eae9e1 : +64
92 : #eeede7 : +66
94 : #f2f2ed : +68
96 : #f7f6f3 : +70
98 : #fbfbf9 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow