#2c5932
RGB
赤 | 44 |
---|---|
緑 | 89 |
青 | 50 |
HSL
色相 | 128° |
---|---|
彩度 | 34% |
明度 | 26% |
輝度 | 28% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 44, 緑 = 89, 青 = 50 )
HSL ( 色相 = 128°, 彩度 = 34%, 明度 = 26% )
H : 色相 ( 128° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #59322c : -120
18 : #59392c : -110
28 : #59412c : -100
38 : #59482c : -90
48 : #59502c : -80
58 : #59572c : -70
68 : #53592c : -60
78 : #4b592c : -50
88 : #44592c : -40
98 : #3c592c : -30
108 : #35592c : -20
118 : #2d592c : -10
128 : #2c5932 : ±0
138 : #2c5939 : +10
148 : #2c5941 : +20
158 : #2c5948 : +30
168 : #2c5950 : +40
178 : #2c5957 : +50
188 : #2c5359 : +60
198 : #2c4b59 : +70
208 : #2c4459 : +80
218 : #2c3c59 : +90
228 : #2c3559 : +100
238 : #2c2d59 : +110
248 : #322c59 : +120
258 : #392c59 : +130
268 : #412c59 : +140
278 : #482c59 : +150
288 : #502c59 : +160
298 : #572c59 : +170
308 : #592c53 : +180
318 : #592c4b : +190
328 : #592c44 : +200
338 : #592c3c : +210
348 : #592c35 : +220
358 : #592c2d : +230
118 : #2d592c : -10
119 : #2d592c : -9
120 : #2c592c : -8
121 : #2c592d : -7
122 : #2c592d : -6
123 : #2c592e : -5
124 : #2c592f : -4
125 : #2c5930 : -3
126 : #2c5930 : -2
127 : #2c5931 : -1
128 : #2c5932 : ±0
129 : #2c5933 : +1
130 : #2c5933 : +2
131 : #2c5934 : +3
132 : #2c5935 : +4
133 : #2c5936 : +5
134 : #2c5936 : +6
135 : #2c5937 : +7
136 : #2c5938 : +8
137 : #2c5939 : +9
138 : #2c5939 : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -34
2 : #414441 : -32
4 : #404540 : -30
6 : #3e463f : -28
8 : #3d483e : -26
10 : #3c493d : -24
12 : #3a4a3c : -22
14 : #394c3b : -20
16 : #384d3b : -18
18 : #364e3a : -16
20 : #355039 : -14
22 : #345138 : -12
24 : #325237 : -10
26 : #315436 : -8
28 : #305535 : -6
30 : #2e5634 : -4
32 : #2d5833 : -2
34 : #2c5932 : ±0
36 : #2a5a31 : +2
38 : #295b30 : +4
40 : #285d2f : +6
42 : #265e2e : +8
44 : #255f2d : +10
46 : #24612c : +12
48 : #22622b : +14
50 : #21632a : +16
52 : #206529 : +18
54 : #1e6628 : +20
56 : #1d6727 : +22
58 : #1c6926 : +24
60 : #1b6a25 : +26
62 : #196b24 : +28
64 : #186d23 : +30
66 : #176e22 : +32
68 : #156f21 : +34
70 : #147120 : +36
72 : #13721f : +38
74 : #11731e : +40
76 : #10751d : +42
78 : #0f761c : +44
80 : #0d771b : +46
82 : #0c791a : +48
84 : #0b7a19 : +50
86 : #097b18 : +52
88 : #087d18 : +54
90 : #077e17 : +56
92 : #057f16 : +58
94 : #048115 : +60
96 : #038214 : +62
98 : #018313 : +64
100 : #008512 : +66
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #030704 : -24
4 : #070e08 : -22
6 : #0a150b : -20
8 : #0d1b0f : -18
10 : #112213 : -16
12 : #142917 : -14
14 : #18301b : -12
16 : #1b371f : -10
18 : #1e3e22 : -8
20 : #224426 : -6
22 : #254b2a : -4
24 : #28522e : -2
26 : #2c5932 : ±0
28 : #2f6036 : +2
30 : #326739 : +4
32 : #366d3d : +6
34 : #397441 : +8
36 : #3d7b45 : +10
38 : #408249 : +12
40 : #43894d : +14
42 : #479050 : +16
44 : #4a9654 : +18
46 : #4d9d58 : +20
48 : #51a45c : +22
50 : #54ab60 : +24
52 : #5bae66 : +26
54 : #62b26c : +28
56 : #69b573 : +30
58 : #6fb879 : +32
60 : #76bc80 : +34
62 : #7dbf86 : +36
64 : #84c28c : +38
66 : #8bc693 : +40
68 : #92c999 : +42
70 : #98cd9f : +44
72 : #9fd0a6 : +46
74 : #a6d3ac : +48
76 : #add7b3 : +50
78 : #b4dab9 : +52
80 : #bbddbf : +54
82 : #c1e1c6 : +56
84 : #c8e4cc : +58
86 : #cfe7d2 : +60
88 : #d6ebd9 : +62
90 : #ddeedf : +64
92 : #e4f2e6 : +66
94 : #eaf5ec : +68
96 : #f1f8f2 : +70
98 : #f8fcf9 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow