#6bbd98
RGB
赤 | 107 |
---|---|
緑 | 189 |
青 | 152 |
HSL
色相 | 153° |
---|---|
彩度 | 38% |
明度 | 58% |
輝度 | 63% |
3桁の色
補色
反転色
RGB ( 赤 = 107, 緑 = 189, 青 = 152 )
HSL ( 色相 = 153°, 彩度 = 38%, 明度 = 58% )
H : 色相 ( 153° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #bd6f6b : -150
13 : #bd7d6b : -140
23 : #bd8a6b : -130
33 : #bd986b : -120
43 : #bda66b : -110
53 : #bdb36b : -100
63 : #b9bd6b : -90
73 : #abbd6b : -80
83 : #9dbd6b : -70
93 : #90bd6b : -60
103 : #82bd6b : -50
113 : #75bd6b : -40
123 : #6bbd6f : -30
133 : #6bbd7d : -20
143 : #6bbd8a : -10
153 : #6bbd98 : ±0
163 : #6bbda6 : +10
173 : #6bbdb3 : +20
183 : #6bb9bd : +30
193 : #6babbd : +40
203 : #6b9dbd : +50
213 : #6b90bd : +60
223 : #6b82bd : +70
233 : #6b75bd : +80
243 : #6f6bbd : +90
253 : #7d6bbd : +100
263 : #8a6bbd : +110
273 : #986bbd : +120
283 : #a66bbd : +130
293 : #b36bbd : +140
303 : #bd6bb9 : +150
313 : #bd6bab : +160
323 : #bd6b9d : +170
333 : #bd6b90 : +180
343 : #bd6b82 : +190
353 : #bd6b75 : +200
143 : #6bbd8a : -10
144 : #6bbd8c : -9
145 : #6bbd8d : -8
146 : #6bbd8e : -7
147 : #6bbd90 : -6
148 : #6bbd91 : -5
149 : #6bbd93 : -4
150 : #6bbd94 : -3
151 : #6bbd95 : -2
152 : #6bbd97 : -1
153 : #6bbd98 : ±0
154 : #6bbd99 : +1
155 : #6bbd9b : +2
156 : #6bbd9c : +3
157 : #6bbd9d : +4
158 : #6bbd9f : +5
159 : #6bbda0 : +6
160 : #6bbda1 : +7
161 : #6bbda3 : +8
162 : #6bbda4 : +9
163 : #6bbda6 : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -38
2 : #929694 : -36
4 : #909894 : -34
6 : #8d9a95 : -32
8 : #8b9c95 : -30
10 : #899f95 : -28
12 : #87a195 : -26
14 : #85a395 : -24
16 : #83a596 : -22
18 : #81a796 : -20
20 : #7ea996 : -18
22 : #7cab96 : -16
24 : #7aae96 : -14
26 : #78b097 : -12
28 : #76b297 : -10
30 : #74b497 : -8
32 : #72b697 : -6
34 : #6fb898 : -4
36 : #6dba98 : -2
38 : #6bbd98 : ±0
40 : #69bf98 : +2
42 : #67c198 : +4
44 : #65c399 : +6
46 : #63c599 : +8
48 : #60c799 : +10
50 : #5ec999 : +12
52 : #5ccc99 : +14
54 : #5ace9a : +16
56 : #58d09a : +18
58 : #56d29a : +20
60 : #54d49a : +22
62 : #51d69b : +24
64 : #4fd89b : +26
66 : #4ddb9b : +28
68 : #4bdd9b : +30
70 : #49df9b : +32
72 : #47e19c : +34
74 : #45e39c : +36
76 : #43e59c : +38
78 : #40e79c : +40
80 : #3eea9c : +42
82 : #3cec9d : +44
84 : #3aee9d : +46
86 : #38f09d : +48
88 : #36f29d : +50
90 : #34f49e : +52
92 : #31f69e : +54
94 : #2ff99e : +56
96 : #2dfb9e : +58
98 : #2bfd9e : +60
100 : #29ff9f : +62
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #030705 : -56
4 : #060e0b : -54
6 : #091510 : -52
8 : #0d1c15 : -50
10 : #10231a : -48
12 : #132a20 : -46
14 : #163125 : -44
16 : #19382a : -42
18 : #1c3f30 : -40
20 : #204635 : -38
22 : #234d3a : -36
24 : #265440 : -34
26 : #295b45 : -32
28 : #2c634a : -30
30 : #2f6a4f : -28
32 : #337155 : -26
34 : #36785a : -24
36 : #397f5f : -22
38 : #3c8665 : -20
40 : #3f8d6a : -18
42 : #42946f : -16
44 : #469b74 : -14
46 : #49a27a : -12
48 : #4ca97f : -10
50 : #4fb084 : -8
52 : #56b389 : -6
54 : #5db68e : -4
56 : #64b993 : -2
58 : #6bbd98 : ±0
60 : #72c09d : +2
62 : #79c3a2 : +4
64 : #80c6a7 : +6
66 : #87c9ac : +8
68 : #8eccb1 : +10
70 : #95d0b5 : +12
72 : #9cd3ba : +14
74 : #a4d6bf : +16
76 : #abd9c4 : +18
78 : #b2dcc9 : +20
80 : #b9dfce : +22
82 : #c0e3d3 : +24
84 : #c7e6d8 : +26
86 : #cee9dd : +28
88 : #d5ece2 : +30
90 : #dcefe6 : +32
92 : #e3f2eb : +34
94 : #eaf6f0 : +36
96 : #f1f9f5 : +38
98 : #f8fcfa : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow