#74aa6e
RGB
赤 | 116 |
---|---|
緑 | 170 |
青 | 110 |
HSL
色相 | 114° |
---|---|
彩度 | 26% |
明度 | 55% |
輝度 | 58% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 116, 緑 = 170, 青 = 110 )
HSL ( 色相 = 114°, 彩度 = 26%, 明度 = 55% )
H : 色相 ( 114° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #aa726e : -110
14 : #aa7c6e : -100
24 : #aa866e : -90
34 : #aa906e : -80
44 : #aa9a6e : -70
54 : #aaa46e : -60
64 : #a6aa6e : -50
74 : #9caa6e : -40
84 : #92aa6e : -30
94 : #88aa6e : -20
104 : #7eaa6e : -10
114 : #74aa6e : ±0
124 : #6eaa72 : +10
134 : #6eaa7c : +20
144 : #6eaa86 : +30
154 : #6eaa90 : +40
164 : #6eaa9a : +50
174 : #6eaaa4 : +60
184 : #6ea6aa : +70
194 : #6e9caa : +80
204 : #6e92aa : +90
214 : #6e88aa : +100
224 : #6e7eaa : +110
234 : #6e74aa : +120
244 : #726eaa : +130
254 : #7c6eaa : +140
264 : #866eaa : +150
274 : #906eaa : +160
284 : #9a6eaa : +170
294 : #a46eaa : +180
304 : #aa6ea6 : +190
314 : #aa6e9c : +200
324 : #aa6e92 : +210
334 : #aa6e88 : +220
344 : #aa6e7e : +230
354 : #aa6e74 : +240
104 : #7eaa6e : -10
105 : #7daa6e : -9
106 : #7caa6e : -8
107 : #7baa6e : -7
108 : #7aaa6e : -6
109 : #79aa6e : -5
110 : #78aa6e : -4
111 : #77aa6e : -3
112 : #76aa6e : -2
113 : #75aa6e : -1
114 : #74aa6e : ±0
115 : #73aa6e : +1
116 : #72aa6e : +2
117 : #71aa6e : +3
118 : #70aa6e : +4
119 : #6faa6e : +5
120 : #6eaa6e : +6
121 : #6eaa6f : +7
122 : #6eaa70 : +8
123 : #6eaa71 : +9
124 : #6eaa72 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8c8c8c : -26
2 : #8a8f8a : -24
4 : #899188 : -22
6 : #879385 : -20
8 : #859583 : -18
10 : #839881 : -16
12 : #819a7e : -14
14 : #7f9c7c : -12
16 : #7e9f7a : -10
18 : #7ca178 : -8
20 : #7aa375 : -6
22 : #78a573 : -4
24 : #76a871 : -2
26 : #74aa6e : ±0
28 : #73ac6c : +2
30 : #71af6a : +4
32 : #6fb168 : +6
34 : #6db365 : +8
36 : #6bb663 : +10
38 : #69b861 : +12
40 : #68ba5e : +14
42 : #66bc5c : +16
44 : #64bf5a : +18
46 : #62c157 : +20
48 : #60c355 : +22
50 : #5ec653 : +24
52 : #5dc851 : +26
54 : #5bca4e : +28
56 : #59cd4c : +30
58 : #57cf4a : +32
60 : #55d147 : +34
62 : #53d345 : +36
64 : #51d643 : +38
66 : #50d841 : +40
68 : #4eda3e : +42
70 : #4cdd3c : +44
72 : #4adf3a : +46
74 : #48e137 : +48
76 : #46e335 : +50
78 : #45e633 : +52
80 : #43e830 : +54
82 : #41ea2e : +56
84 : #3fed2c : +58
86 : #3def2a : +60
88 : #3bf127 : +62
90 : #3af425 : +64
92 : #38f623 : +66
94 : #36f820 : +68
96 : #34fa1e : +70
98 : #32fd1c : +72
100 : #30ff1a : +74
L : 明度 ( 55% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -54
3 : #060a06 : -52
5 : #0a1009 : -50
7 : #0e160d : -48
9 : #121d11 : -46
11 : #162315 : -44
13 : #1a2a19 : -42
15 : #1e301c : -40
17 : #223720 : -38
19 : #263d24 : -36
21 : #2a4328 : -34
23 : #2e4a2b : -32
25 : #32502f : -30
27 : #375733 : -28
29 : #3b5d37 : -26
31 : #3f643a : -24
33 : #436a3e : -22
35 : #477042 : -20
37 : #4b7746 : -18
39 : #4f7d4a : -16
41 : #53844d : -14
43 : #578a51 : -12
45 : #5b9155 : -10
47 : #5f9759 : -8
49 : #639d5c : -6
51 : #68a362 : -4
53 : #6ea668 : -2
55 : #74aa6e : ±0
57 : #7bae75 : +2
59 : #81b27b : +4
61 : #87b582 : +6
63 : #8db988 : +8
65 : #93bd8f : +10
67 : #99c195 : +12
69 : #a0c59b : +14
71 : #a6c8a2 : +16
73 : #accca8 : +18
75 : #b2d0af : +20
77 : #b8d4b5 : +22
79 : #bed7bc : +24
81 : #c4dbc2 : +26
83 : #cbdfc8 : +28
85 : #d1e3cf : +30
87 : #d7e6d5 : +32
89 : #ddeadc : +34
91 : #e3eee2 : +36
93 : #e9f2e9 : +38
95 : #f0f6ef : +40
97 : #f6f9f5 : +42
99 : #fcfdfc : +44
CSS入門、作ってます。
text-shadow