#445e2c
RGB
赤 | 68 |
---|---|
緑 | 94 |
青 | 44 |
HSL
色相 | 91° |
---|---|
彩度 | 36% |
明度 | 27% |
輝度 | 32% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 68, 緑 = 94, 青 = 44 )
HSL ( 色相 = 91°, 彩度 = 36%, 明度 = 27% )
H : 色相 ( 91° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #5e2d2c : -90
11 : #5e352c : -80
21 : #5e3d2c : -70
31 : #5e462c : -60
41 : #5e4e2c : -50
51 : #5e562c : -40
61 : #5d5e2c : -30
71 : #555e2c : -20
81 : #4c5e2c : -10
91 : #445e2c : ±0
101 : #3c5e2c : +10
111 : #335e2c : +20
121 : #2c5e2d : +30
131 : #2c5e35 : +40
141 : #2c5e3d : +50
151 : #2c5e46 : +60
161 : #2c5e4e : +70
171 : #2c5e56 : +80
181 : #2c5d5e : +90
191 : #2c555e : +100
201 : #2c4c5e : +110
211 : #2c445e : +120
221 : #2c3c5e : +130
231 : #2c335e : +140
241 : #2d2c5e : +150
251 : #352c5e : +160
261 : #3d2c5e : +170
271 : #462c5e : +180
281 : #4e2c5e : +190
291 : #562c5e : +200
301 : #5e2c5d : +210
311 : #5e2c55 : +220
321 : #5e2c4c : +230
331 : #5e2c44 : +240
341 : #5e2c3c : +250
351 : #5e2c33 : +260
81 : #4c5e2c : -10
82 : #4b5e2c : -9
83 : #4b5e2c : -8
84 : #4a5e2c : -7
85 : #495e2c : -6
86 : #485e2c : -5
87 : #475e2c : -4
88 : #475e2c : -3
89 : #465e2c : -2
90 : #455e2c : -1
91 : #445e2c : ±0
92 : #435e2c : +1
93 : #425e2c : +2
94 : #425e2c : +3
95 : #415e2c : +4
96 : #405e2c : +5
97 : #3f5e2c : +6
98 : #3e5e2c : +7
99 : #3d5e2c : +8
100 : #3d5e2c : +9
101 : #3c5e2c : +10
S : 彩度 ( 36% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -36
2 : #454643 : -34
4 : #454842 : -32
6 : #454941 : -30
8 : #454a3f : -28
10 : #454c3e : -26
12 : #454d3d : -24
14 : #454e3b : -22
16 : #44503a : -20
18 : #445138 : -18
20 : #445337 : -16
22 : #445436 : -14
24 : #445534 : -12
26 : #445733 : -10
28 : #445832 : -8
30 : #445a30 : -6
32 : #445b2f : -4
34 : #445c2d : -2
36 : #445e2c : ±0
38 : #445f2b : +2
40 : #446029 : +4
42 : #446228 : +6
44 : #446327 : +8
46 : #446525 : +10
48 : #446624 : +12
50 : #446722 : +14
52 : #446921 : +16
54 : #446a20 : +18
56 : #446b1e : +20
58 : #446d1d : +22
60 : #436e1c : +24
62 : #43701a : +26
64 : #437119 : +28
66 : #437217 : +30
68 : #437416 : +32
70 : #437515 : +34
72 : #437613 : +36
74 : #437812 : +38
76 : #437911 : +40
78 : #437b0f : +42
80 : #437c0e : +44
82 : #437d0c : +46
84 : #437f0b : +48
86 : #43800a : +50
88 : #438108 : +52
90 : #438307 : +54
92 : #438406 : +56
94 : #438604 : +58
96 : #438703 : +60
98 : #438801 : +62
100 : #438a00 : +64
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -26
3 : #080a05 : -24
5 : #0d1108 : -22
7 : #12180b : -20
9 : #171f0f : -18
11 : #1c2612 : -16
13 : #212d15 : -14
15 : #263418 : -12
17 : #2b3b1c : -10
19 : #30421f : -8
21 : #354922 : -6
23 : #3a5026 : -4
25 : #3f5729 : -2
27 : #445e2c : ±0
29 : #49652f : +2
31 : #4e6c33 : +4
33 : #537236 : +6
35 : #587939 : +8
37 : #5d803c : +10
39 : #628740 : +12
41 : #678e43 : +14
43 : #6c9546 : +16
45 : #719c49 : +18
47 : #76a34d : +20
49 : #7baa50 : +22
51 : #81af55 : +24
53 : #86b25c : +26
55 : #8bb663 : +28
57 : #90b96a : +30
59 : #95bc71 : +32
61 : #9abf78 : +34
63 : #a0c37f : +36
65 : #a5c686 : +38
67 : #aac98d : +40
69 : #afcc93 : +42
71 : #b4d09a : +44
73 : #b9d3a1 : +46
75 : #bed6a8 : +48
77 : #c4d9af : +50
79 : #c9ddb6 : +52
81 : #cee0bd : +54
83 : #d3e3c4 : +56
85 : #d8e7cb : +58
87 : #ddead2 : +60
89 : #e3edd9 : +62
91 : #e8f0e0 : +64
93 : #edf4e7 : +66
95 : #f2f7ee : +68
97 : #f7faf5 : +70
99 : #fcfdfc : +72
CSS入門、作ってます。
text-shadow