#649eaa
RGB
| 赤 | 100 |
|---|---|
| 緑 | 158 |
| 青 | 170 |
HSL
| 色相 | 190° |
|---|---|
| 彩度 | 29% |
| 明度 | 53% |
| 輝度 | 56% |
３桁の色
補色
反転色
RGB ( 赤 = 100, 緑 = 158, 青 = 170 )
HSL ( 色相 = 190°, 彩度 = 29%, 明度 = 53% )
H : 色相 ( 190° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #aa6464 : -190
10 : #aa7064 : -180
20 : #aa7c64 : -170
30 : #aa8764 : -160
40 : #aa9364 : -150
50 : #aa9e64 : -140
60 : #aaaa64 : -130
70 : #9eaa64 : -120
80 : #93aa64 : -110
90 : #87aa64 : -100
100 : #7caa64 : -90
110 : #70aa64 : -80
120 : #64aa64 : -70
130 : #64aa70 : -60
140 : #64aa7c : -50
150 : #64aa87 : -40
160 : #64aa93 : -30
170 : #64aa9e : -20
180 : #64aaaa : -10
190 : #649eaa : ±0
200 : #6493aa : +10
210 : #6487aa : +20
220 : #647caa : +30
230 : #6470aa : +40
240 : #6464aa : +50
250 : #7064aa : +60
260 : #7c64aa : +70
270 : #8764aa : +80
280 : #9364aa : +90
290 : #9e64aa : +100
300 : #aa64aa : +110
310 : #aa649e : +120
320 : #aa6493 : +130
330 : #aa6487 : +140
340 : #aa647c : +150
350 : #aa6470 : +160
180 : #64aaaa : -10
181 : #64a9aa : -9
182 : #64a8aa : -8
183 : #64a6aa : -7
184 : #64a5aa : -6
185 : #64a4aa : -5
186 : #64a3aa : -4
187 : #64a2aa : -3
188 : #64a1aa : -2
189 : #649faa : -1
190 : #649eaa : ±0
191 : #649daa : +1
192 : #649caa : +2
193 : #649baa : +3
194 : #649aaa : +4
195 : #6499aa : +5
196 : #6497aa : +6
197 : #6496aa : +7
198 : #6495aa : +8
199 : #6494aa : +9
200 : #6493aa : +10
S : 彩度 ( 29% )
(0%) 渋い ～ 鮮やか (100%)
1 : #868888 : -28
3 : #848a8b : -26
5 : #818b8d : -24
7 : #7f8d90 : -22
9 : #7c8e92 : -20
11 : #7a9094 : -18
13 : #789297 : -16
15 : #759399 : -14
17 : #73959c : -12
19 : #70969e : -10
21 : #6e98a0 : -8
23 : #6c9aa3 : -6
25 : #699ba5 : -4
27 : #679da8 : -2
29 : #649eaa : ±0
31 : #62a0ac : +2
33 : #60a2af : +4
35 : #5da3b1 : +6
37 : #5ba5b3 : +8
39 : #58a6b6 : +10
41 : #56a8b8 : +12
43 : #54aabb : +14
45 : #51abbd : +16
47 : #4fadbf : +18
49 : #4caec2 : +20
51 : #4ab0c4 : +22
53 : #48b1c7 : +24
55 : #45b3c9 : +26
57 : #43b5cb : +28
59 : #40b6ce : +30
61 : #3eb8d0 : +32
63 : #3cb9d3 : +34
65 : #39bbd5 : +36
67 : #37bdd7 : +38
69 : #34beda : +40
71 : #32c0dc : +42
73 : #30c1df : +44
75 : #2dc3e1 : +46
77 : #2bc5e3 : +48
79 : #28c6e6 : +50
81 : #26c8e8 : +52
83 : #24c9eb : +54
85 : #21cbed : +56
87 : #1fcdef : +58
89 : #1ccef2 : +60
91 : #1ad0f4 : +62
93 : #18d1f7 : +64
95 : #15d3f9 : +66
97 : #13d5fb : +68
99 : #10d6fe : +70
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #020303 : -52
3 : #05090a : -50
5 : #090f10 : -48
7 : #0d1517 : -46
9 : #101b1e : -44
11 : #142124 : -42
13 : #18282b : -40
15 : #1b2e31 : -38
17 : #1f3438 : -36
19 : #223a3f : -34
21 : #264045 : -32
23 : #2a464c : -30
25 : #2d4c52 : -28
27 : #315259 : -26
29 : #35585f : -24
31 : #385e66 : -22
33 : #3c646d : -20
35 : #3f6b73 : -18
37 : #43717a : -16
39 : #477780 : -14
41 : #4a7d87 : -12
43 : #4e838d : -10
45 : #518994 : -8
47 : #558f9b : -6
49 : #5995a1 : -4
51 : #5e9aa6 : -2
53 : #649eaa : ±0
55 : #6ba2ae : +2
57 : #72a7b1 : +4
59 : #78abb5 : +6
61 : #7fafb8 : +8
63 : #85b3bc : +10
65 : #8cb7c0 : +12
67 : #92bbc3 : +14
69 : #99bfc7 : +16
71 : #a0c3ca : +18
73 : #a6c7ce : +20
75 : #adccd2 : +22
77 : #b3d0d5 : +24
79 : #bad4d9 : +26
81 : #c0d8dd : +28
83 : #c7dce0 : +30
85 : #cee0e4 : +32
87 : #d4e4e7 : +34
89 : #dbe8eb : +36
91 : #e1ecef : +38
93 : #e8f1f2 : +40
95 : #eff5f6 : +42
97 : #f5f9fa : +44
99 : #fcfdfd : +46
CSS入門、作ってます。
text-shadow