#bfcc9e
RGB
| 赤 | 191 |
|---|---|
| 緑 | 204 |
| 青 | 158 |
HSL
| 色相 | 77° |
|---|---|
| 彩度 | 31% |
| 明度 | 71% |
| 輝度 | 76% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 191, 緑 = 204, 青 = 158 )
HSL ( 色相 = 77°, 彩度 = 31%, 明度 = 71% )
H : 色相 ( 77° )
(0°) 赤～黄～緑～青～紫 (359°)
7 : #cca39e : -70
17 : #ccab9e : -60
27 : #ccb39e : -50
37 : #ccba9e : -40
47 : #ccc29e : -30
57 : #ccca9e : -20
67 : #c7cc9e : -10
77 : #bfcc9e : ±0
87 : #b7cc9e : +10
97 : #b0cc9e : +20
107 : #a8cc9e : +30
117 : #a0cc9e : +40
127 : #9ecca3 : +50
137 : #9eccab : +60
147 : #9eccb3 : +70
157 : #9eccba : +80
167 : #9eccc2 : +90
177 : #9eccca : +100
187 : #9ec7cc : +110
197 : #9ebfcc : +120
207 : #9eb7cc : +130
217 : #9eb0cc : +140
227 : #9ea8cc : +150
237 : #9ea0cc : +160
247 : #a39ecc : +170
257 : #ab9ecc : +180
267 : #b39ecc : +190
277 : #ba9ecc : +200
287 : #c29ecc : +210
297 : #ca9ecc : +220
307 : #cc9ec7 : +230
317 : #cc9ebf : +240
327 : #cc9eb7 : +250
337 : #cc9eb0 : +260
347 : #cc9ea8 : +270
357 : #cc9ea0 : +280
67 : #c7cc9e : -10
68 : #c6cc9e : -9
69 : #c5cc9e : -8
70 : #c4cc9e : -7
71 : #c4cc9e : -6
72 : #c3cc9e : -5
73 : #c2cc9e : -4
74 : #c1cc9e : -3
75 : #c1cc9e : -2
76 : #c0cc9e : -1
77 : #bfcc9e : ±0
78 : #becc9e : +1
79 : #bdcc9e : +2
80 : #bdcc9e : +3
81 : #bccc9e : +4
82 : #bbcc9e : +5
83 : #bacc9e : +6
84 : #bacc9e : +7
85 : #b9cc9e : +8
86 : #b8cc9e : +9
87 : #b7cc9e : +10
S : 彩度 ( 31% )
(0%) 渋い ～ 鮮やか (100%)
1 : #b5b6b4 : -30
3 : #b6b7b3 : -28
5 : #b7b9b1 : -26
7 : #b7bab0 : -24
9 : #b8bcae : -22
11 : #b9bdad : -20
13 : #b9bfab : -18
15 : #bac0aa : -16
17 : #bac2a8 : -14
19 : #bbc3a7 : -12
21 : #bcc5a6 : -10
23 : #bcc6a4 : -8
25 : #bdc8a3 : -6
27 : #bec9a1 : -4
29 : #becaa0 : -2
31 : #bfcc9e : ±0
33 : #c0cd9d : +2
35 : #c0cf9b : +4
37 : #c1d09a : +6
39 : #c2d298 : +8
41 : #c2d397 : +10
43 : #c3d595 : +12
45 : #c3d694 : +14
47 : #c4d892 : +16
49 : #c5d991 : +18
51 : #c5db8f : +20
53 : #c6dc8e : +22
55 : #c7de8c : +24
57 : #c7df8b : +26
59 : #c8e189 : +28
61 : #c9e288 : +30
63 : #c9e486 : +32
65 : #cae585 : +34
67 : #cbe784 : +36
69 : #cbe882 : +38
71 : #ccea81 : +40
73 : #cceb7f : +42
75 : #cded7e : +44
77 : #ceee7c : +46
79 : #ceef7b : +48
81 : #cff179 : +50
83 : #d0f278 : +52
85 : #d0f476 : +54
87 : #d1f575 : +56
89 : #d2f773 : +58
91 : #d2f872 : +60
93 : #d3fa70 : +62
95 : #d3fb6f : +64
97 : #d4fd6d : +66
99 : #d5fe6c : +68
L : 明度 ( 71% )
(0%) 暗い ～ 明るい (100%)
1 : #030302 : -70
3 : #090a05 : -68
5 : #0e1109 : -66
7 : #14170c : -64
9 : #1a1e10 : -62
11 : #202513 : -60
13 : #262b17 : -58
15 : #2b321a : -56
17 : #31391e : -54
19 : #373f21 : -52
21 : #3d4625 : -50
23 : #434d28 : -48
25 : #48542c : -46
27 : #4e5a30 : -44
29 : #546133 : -42
31 : #5a6837 : -40
33 : #5f6e3a : -38
35 : #65753e : -36
37 : #6b7c41 : -34
39 : #718245 : -32
41 : #778948 : -30
43 : #7c904c : -28
45 : #82964f : -26
47 : #889d53 : -24
49 : #8ea456 : -22
51 : #93a95b : -20
53 : #97ac62 : -18
55 : #9cb069 : -16
57 : #a0b36f : -14
59 : #a4b776 : -12
61 : #a9ba7d : -10
63 : #adbe83 : -8
65 : #b2c18a : -6
67 : #b6c591 : -4
69 : #bbc897 : -2
71 : #bfcc9e : ±0
73 : #c3cfa5 : +2
75 : #c8d3ab : +4
77 : #ccd7b2 : +6
79 : #d1dab9 : +8
81 : #d5dec0 : +10
83 : #d9e1c6 : +12
85 : #dee5cd : +14
87 : #e2e8d4 : +16
89 : #e7ecda : +18
91 : #ebefe1 : +20
93 : #f0f3e8 : +22
95 : #f4f6ee : +24
97 : #f8faf5 : +26
99 : #fdfdfc : +28
CSS入門、作ってます。
text-shadow