#3aa669
RGB
赤 | 58 |
---|---|
緑 | 166 |
青 | 105 |
HSL
色相 | 146° |
---|---|
彩度 | 48% |
明度 | 44% |
輝度 | 50% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 58, 緑 = 166, 青 = 105 )
HSL ( 色相 = 146°, 彩度 = 48%, 明度 = 44% )
H : 色相 ( 146° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #a6453a : -140
16 : #a6573a : -130
26 : #a6693a : -120
36 : #a67b3a : -110
46 : #a68d3a : -100
56 : #a69f3a : -90
66 : #9ba63a : -80
76 : #89a63a : -70
86 : #77a63a : -60
96 : #65a63a : -50
106 : #53a63a : -40
116 : #42a63a : -30
126 : #3aa645 : -20
136 : #3aa657 : -10
146 : #3aa669 : ±0
156 : #3aa67b : +10
166 : #3aa68d : +20
176 : #3aa69f : +30
186 : #3a9ba6 : +40
196 : #3a89a6 : +50
206 : #3a77a6 : +60
216 : #3a65a6 : +70
226 : #3a53a6 : +80
236 : #3a42a6 : +90
246 : #453aa6 : +100
256 : #573aa6 : +110
266 : #693aa6 : +120
276 : #7b3aa6 : +130
286 : #8d3aa6 : +140
296 : #9f3aa6 : +150
306 : #a63a9b : +160
316 : #a63a89 : +170
326 : #a63a77 : +180
336 : #a63a65 : +190
346 : #a63a53 : +200
356 : #a63a42 : +210
136 : #3aa657 : -10
137 : #3aa659 : -9
138 : #3aa65b : -8
139 : #3aa65c : -7
140 : #3aa65e : -6
141 : #3aa660 : -5
142 : #3aa662 : -4
143 : #3aa664 : -3
144 : #3aa665 : -2
145 : #3aa667 : -1
146 : #3aa669 : ±0
147 : #3aa66b : +1
148 : #3aa66d : +2
149 : #3aa66e : +3
150 : #3aa670 : +4
151 : #3aa672 : +5
152 : #3aa674 : +6
153 : #3aa676 : +7
154 : #3aa677 : +8
155 : #3aa679 : +9
156 : #3aa67b : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -48
2 : #6e7270 : -46
4 : #6c7570 : -44
6 : #69776f : -42
8 : #67796f : -40
10 : #657b6f : -38
12 : #637e6e : -36
14 : #60806e : -34
16 : #5e826e : -32
18 : #5c846e : -30
20 : #5a876d : -28
22 : #58896d : -26
24 : #558b6d : -24
26 : #538d6c : -22
28 : #51906c : -20
30 : #4f926c : -18
32 : #4c946b : -16
34 : #4a966b : -14
36 : #48996b : -12
38 : #469b6b : -10
40 : #439d6a : -8
42 : #419f6a : -6
44 : #3fa26a : -4
46 : #3da469 : -2
48 : #3aa669 : ±0
50 : #38a869 : +2
52 : #36ab68 : +4
54 : #34ad68 : +6
56 : #31af68 : +8
58 : #2fb168 : +10
60 : #2db467 : +12
62 : #2bb667 : +14
64 : #28b867 : +16
66 : #26ba66 : +18
68 : #24bc66 : +20
70 : #22bf66 : +22
72 : #1fc165 : +24
74 : #1dc365 : +26
76 : #1bc565 : +28
78 : #19c865 : +30
80 : #16ca64 : +32
82 : #14cc64 : +34
84 : #12ce64 : +36
86 : #10d163 : +38
88 : #0dd363 : +40
90 : #0bd563 : +42
92 : #09d762 : +44
94 : #07da62 : +46
96 : #04dc62 : +48
98 : #02de62 : +50
100 : #00e061 : +52
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #030805 : -42
4 : #050f0a : -40
6 : #08170e : -38
8 : #0b1e13 : -36
10 : #0d2618 : -34
12 : #102d1d : -32
14 : #133521 : -30
16 : #153c26 : -28
18 : #18442b : -26
20 : #1b4b30 : -24
22 : #1d5335 : -22
24 : #205b39 : -20
26 : #22623e : -18
28 : #256a43 : -16
30 : #287148 : -14
32 : #2a794c : -12
34 : #2d8051 : -10
36 : #308856 : -8
38 : #328f5b : -6
40 : #35975f : -4
42 : #389f64 : -2
44 : #3aa669 : ±0
46 : #3dae6e : +2
48 : #40b573 : +4
50 : #42bd77 : +6
52 : #4abf7d : +8
54 : #51c282 : +10
56 : #59c588 : +12
58 : #60c78d : +14
60 : #68ca92 : +16
62 : #70cd98 : +18
64 : #77cf9d : +20
66 : #7fd2a3 : +22
68 : #86d5a8 : +24
70 : #8ed7ae : +26
72 : #95dab3 : +28
74 : #9dddb8 : +30
76 : #a4dfbe : +32
78 : #ace2c3 : +34
80 : #b4e4c9 : +36
82 : #bbe7ce : +38
84 : #c3ead4 : +40
86 : #caecd9 : +42
88 : #d2efde : +44
90 : #d9f2e4 : +46
92 : #e1f4e9 : +48
94 : #e8f7ef : +50
96 : #f0faf4 : +52
98 : #f7fcfa : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow