#8bca86
RGB
| 赤 | 139 |
|---|---|
| 緑 | 202 |
| 青 | 134 |
HSL
| 色相 | 116° |
|---|---|
| 彩度 | 39% |
| 明度 | 66% |
| 輝度 | 69% |
３桁の色
補色
反転色
RGB ( 赤 = 139, 緑 = 202, 青 = 134 )
HSL ( 色相 = 116°, 彩度 = 39%, 明度 = 66% )
H : 色相 ( 116° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #ca8d86 : -110
16 : #ca9986 : -100
26 : #caa486 : -90
36 : #caaf86 : -80
46 : #caba86 : -70
56 : #cac686 : -60
66 : #c3ca86 : -50
76 : #b8ca86 : -40
86 : #adca86 : -30
96 : #a2ca86 : -20
106 : #96ca86 : -10
116 : #8bca86 : ±0
126 : #86ca8d : +10
136 : #86ca99 : +20
146 : #86caa4 : +30
156 : #86caaf : +40
166 : #86caba : +50
176 : #86cac6 : +60
186 : #86c3ca : +70
196 : #86b8ca : +80
206 : #86adca : +90
216 : #86a2ca : +100
226 : #8696ca : +110
236 : #868bca : +120
246 : #8d86ca : +130
256 : #9986ca : +140
266 : #a486ca : +150
276 : #af86ca : +160
286 : #ba86ca : +170
296 : #c686ca : +180
306 : #ca86c3 : +190
316 : #ca86b8 : +200
326 : #ca86ad : +210
336 : #ca86a2 : +220
346 : #ca8696 : +230
356 : #ca868b : +240
106 : #96ca86 : -10
107 : #95ca86 : -9
108 : #94ca86 : -8
109 : #93ca86 : -7
110 : #92ca86 : -6
111 : #91ca86 : -5
112 : #90ca86 : -4
113 : #8eca86 : -3
114 : #8dca86 : -2
115 : #8cca86 : -1
116 : #8bca86 : ±0
117 : #8aca86 : +1
118 : #89ca86 : +2
119 : #88ca86 : +3
120 : #86ca86 : +4
121 : #86ca88 : +5
122 : #86ca89 : +6
123 : #86ca8a : +7
124 : #86ca8b : +8
125 : #86ca8c : +9
126 : #86ca8d : +10
S : 彩度 ( 39% )
(0%) 渋い ～ 鮮やか (100%)
1 : #a8a9a7 : -38
3 : #a6aba6 : -36
5 : #a5ada4 : -34
7 : #a3aea2 : -32
9 : #a2b0a0 : -30
11 : #a0b29f : -28
13 : #9fb49d : -26
15 : #9db59b : -24
17 : #9cb79a : -22
19 : #9ab998 : -20
21 : #99bb96 : -18
23 : #97bc94 : -16
25 : #96be93 : -14
27 : #94c091 : -12
29 : #93c18f : -10
31 : #91c38d : -8
33 : #90c58c : -6
35 : #8ec78a : -4
37 : #8cc888 : -2
39 : #8bca86 : ±0
41 : #89cc85 : +2
43 : #88ce83 : +4
45 : #86cf81 : +6
47 : #85d180 : +8
49 : #83d37e : +10
51 : #82d57c : +12
53 : #80d67a : +14
55 : #7fd879 : +16
57 : #7dda77 : +18
59 : #7cdb75 : +20
61 : #7add73 : +22
63 : #79df72 : +24
65 : #77e170 : +26
67 : #76e26e : +28
69 : #74e46c : +30
71 : #73e66b : +32
73 : #71e869 : +34
75 : #70e967 : +36
77 : #6eeb66 : +38
79 : #6ded64 : +40
81 : #6bef62 : +42
83 : #6af060 : +44
85 : #68f25f : +46
87 : #67f45d : +48
89 : #65f55b : +50
91 : #64f759 : +52
93 : #62f958 : +54
95 : #61fb56 : +56
97 : #5ffc54 : +58
99 : #5efe52 : +60
L : 明度 ( 66% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -66
2 : #030703 : -64
4 : #070e06 : -62
6 : #0a1509 : -60
8 : #0e1c0c : -58
10 : #112310 : -56
12 : #142b13 : -54
14 : #183216 : -52
16 : #1b3919 : -50
18 : #1e401c : -48
20 : #22471f : -46
22 : #254e22 : -44
24 : #295525 : -42
26 : #2c5c28 : -40
28 : #2f632c : -38
30 : #336a2f : -36
32 : #367132 : -34
34 : #397935 : -32
36 : #3d8038 : -30
38 : #40873b : -28
40 : #448e3e : -26
42 : #479541 : -24
44 : #4a9c44 : -22
46 : #4ea348 : -20
48 : #51aa4b : -18
50 : #54b14e : -16
52 : #5bb455 : -14
54 : #62b75c : -12
56 : #69bb63 : -10
58 : #70be6a : -8
60 : #77c171 : -6
62 : #7dc478 : -4
64 : #84c77f : -2
66 : #8bca86 : ±0
68 : #92cd8e : +2
70 : #99d095 : +4
72 : #9fd39c : +6
74 : #a6d7a3 : +8
76 : #addaaa : +10
78 : #b4ddb1 : +12
80 : #bbe0b8 : +14
82 : #c2e3bf : +16
84 : #c8e6c6 : +18
86 : #cfe9cd : +20
88 : #d6ecd4 : +22
90 : #ddefdc : +24
92 : #e4f3e3 : +26
94 : #ebf6ea : +28
96 : #f1f9f1 : +30
98 : #f8fcf8 : +32
100 : #ffffff : +34
CSS入門、作ってます。
text-shadow