#1f602b
RGB
赤 | 31 |
---|---|
緑 | 96 |
青 | 43 |
HSL
色相 | 131° |
---|---|
彩度 | 51% |
明度 | 25% |
輝度 | 28% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 31, 緑 = 96, 青 = 43 )
HSL ( 色相 = 131°, 彩度 = 51%, 明度 = 25% )
H : 色相 ( 131° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #60201f : -130
11 : #602b1f : -120
21 : #60361f : -110
31 : #60411f : -100
41 : #604c1f : -90
51 : #60571f : -80
61 : #5f601f : -70
71 : #54601f : -60
81 : #4a601f : -50
91 : #3f601f : -40
101 : #34601f : -30
111 : #29601f : -20
121 : #1f6020 : -10
131 : #1f602b : ±0
141 : #1f6036 : +10
151 : #1f6041 : +20
161 : #1f604c : +30
171 : #1f6057 : +40
181 : #1f5f60 : +50
191 : #1f5460 : +60
201 : #1f4a60 : +70
211 : #1f3f60 : +80
221 : #1f3460 : +90
231 : #1f2960 : +100
241 : #201f60 : +110
251 : #2b1f60 : +120
261 : #361f60 : +130
271 : #411f60 : +140
281 : #4c1f60 : +150
291 : #571f60 : +160
301 : #601f5f : +170
311 : #601f54 : +180
321 : #601f4a : +190
331 : #601f3f : +200
341 : #601f34 : +210
351 : #601f29 : +220
121 : #1f6020 : -10
122 : #1f6021 : -9
123 : #1f6022 : -8
124 : #1f6024 : -7
125 : #1f6025 : -6
126 : #1f6026 : -5
127 : #1f6027 : -4
128 : #1f6028 : -3
129 : #1f6029 : -2
130 : #1f602a : -1
131 : #1f602b : ±0
132 : #1f602c : +1
133 : #1f602d : +2
134 : #1f602e : +3
135 : #1f602f : +4
136 : #1f6031 : +5
137 : #1f6032 : +6
138 : #1f6033 : +7
139 : #1f6034 : +8
140 : #1f6035 : +9
141 : #1f6036 : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3f403f : -50
3 : #3e423f : -48
5 : #3d433e : -46
7 : #3b443d : -44
9 : #3a453c : -42
11 : #39473b : -40
13 : #37483b : -38
15 : #36493a : -36
17 : #354b39 : -34
19 : #344c38 : -32
21 : #324d37 : -30
23 : #314e36 : -28
25 : #305036 : -26
27 : #2f5135 : -24
29 : #2d5234 : -22
31 : #2c5433 : -20
33 : #2b5532 : -18
35 : #295632 : -16
37 : #285731 : -14
39 : #275930 : -12
41 : #265a2f : -10
43 : #245b2e : -8
45 : #235c2e : -6
47 : #225e2d : -4
49 : #215f2c : -2
51 : #1f602b : ±0
53 : #1e622a : +2
55 : #1d632a : +4
57 : #1b6429 : +6
59 : #1a6528 : +8
61 : #196727 : +10
63 : #186826 : +12
65 : #166926 : +14
67 : #156a25 : +16
69 : #146c24 : +18
71 : #126d23 : +20
73 : #116e22 : +22
75 : #107021 : +24
77 : #0f7121 : +26
79 : #0d7220 : +28
81 : #0c731f : +30
83 : #0b751e : +32
85 : #0a761d : +34
87 : #08771d : +36
89 : #07781c : +38
91 : #067a1b : +40
93 : #047b1a : +42
95 : #037c19 : +44
97 : #027e19 : +46
99 : #017f18 : +48
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #010402 : -24
3 : #040c05 : -22
5 : #061309 : -20
7 : #091b0c : -18
9 : #0b2310 : -16
11 : #0e2a13 : -14
13 : #103216 : -12
15 : #133a1a : -10
17 : #15411d : -8
19 : #184921 : -6
21 : #1a5124 : -4
23 : #1d5928 : -2
25 : #1f602b : ±0
27 : #22682f : +2
29 : #247032 : +4
31 : #277736 : +6
33 : #297f39 : +8
35 : #2c873c : +10
37 : #2e8e40 : +12
39 : #319643 : +14
41 : #339e47 : +16
43 : #36a64a : +18
45 : #38ad4e : +20
47 : #3bb551 : +22
49 : #3dbd55 : +24
51 : #42c25a : +26
53 : #4ac460 : +28
55 : #52c767 : +30
57 : #59c96e : +32
59 : #61cc75 : +34
61 : #69ce7b : +36
63 : #71d182 : +38
65 : #78d389 : +40
67 : #80d690 : +42
69 : #88d896 : +44
71 : #8fdb9d : +46
73 : #97dda4 : +48
75 : #9fe0ab : +50
77 : #a6e2b1 : +52
79 : #aee5b8 : +54
81 : #b6e7bf : +56
83 : #beeac6 : +58
85 : #c5eccc : +60
87 : #cdefd3 : +62
89 : #d5f1da : +64
91 : #dcf4e1 : +66
93 : #e4f6e7 : +68
95 : #ecf9ee : +70
97 : #f3fbf5 : +72
99 : #fbfefc : +74
CSS入門、作ってます。
text-shadow