#97b6c8
RGB
| 赤 | 151 |
|---|---|
| 緑 | 182 |
| 青 | 200 |
HSL
| 色相 | 202° |
|---|---|
| 彩度 | 31% |
| 明度 | 69% |
| 輝度 | 69% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 151, 緑 = 182, 青 = 200 )
HSL ( 色相 = 202°, 彩度 = 31%, 明度 = 69% )
H : 色相 ( 202° )
(0°) 赤～黄～緑～青～紫 (359°)
2 : #c89997 : -200
12 : #c8a197 : -190
22 : #c8a997 : -180
32 : #c8b297 : -170
42 : #c8ba97 : -160
52 : #c8c297 : -150
62 : #c7c897 : -140
72 : #bfc897 : -130
82 : #b6c897 : -120
92 : #aec897 : -110
102 : #a6c897 : -100
112 : #9ec897 : -90
122 : #97c899 : -80
132 : #97c8a1 : -70
142 : #97c8a9 : -60
152 : #97c8b2 : -50
162 : #97c8ba : -40
172 : #97c8c2 : -30
182 : #97c7c8 : -20
192 : #97bfc8 : -10
202 : #97b6c8 : ±0
212 : #97aec8 : +10
222 : #97a6c8 : +20
232 : #979ec8 : +30
242 : #9997c8 : +40
252 : #a197c8 : +50
262 : #a997c8 : +60
272 : #b297c8 : +70
282 : #ba97c8 : +80
292 : #c297c8 : +90
302 : #c897c7 : +100
312 : #c897bf : +110
322 : #c897b6 : +120
332 : #c897ae : +130
342 : #c897a6 : +140
352 : #c8979e : +150
192 : #97bfc8 : -10
193 : #97bec8 : -9
194 : #97bdc8 : -8
195 : #97bcc8 : -7
196 : #97bbc8 : -6
197 : #97bbc8 : -5
198 : #97bac8 : -4
199 : #97b9c8 : -3
200 : #97b8c8 : -2
201 : #97b7c8 : -1
202 : #97b6c8 : ±0
203 : #97b6c8 : +1
204 : #97b5c8 : +2
205 : #97b4c8 : +3
206 : #97b3c8 : +4
207 : #97b2c8 : +5
208 : #97b2c8 : +6
209 : #97b1c8 : +7
210 : #97b0c8 : +8
211 : #97afc8 : +9
212 : #97aec8 : +10
S : 彩度 ( 31% )
(0%) 渋い ～ 鮮やか (100%)
1 : #afb0b1 : -30
3 : #aeb1b2 : -28
5 : #acb1b4 : -26
7 : #aab1b5 : -24
9 : #a9b2b7 : -22
11 : #a7b2b9 : -20
13 : #a6b3ba : -18
15 : #a4b3bc : -16
17 : #a3b4bd : -14
19 : #a1b4bf : -12
21 : #9fb4c1 : -10
23 : #9eb5c2 : -8
25 : #9cb5c4 : -6
27 : #9bb6c5 : -4
29 : #99b6c7 : -2
31 : #97b6c8 : ±0
33 : #96b7ca : +2
35 : #94b7cc : +4
37 : #93b8cd : +6
39 : #91b8cf : +8
41 : #90b9d0 : +10
43 : #8eb9d2 : +12
45 : #8cb9d4 : +14
47 : #8bbad5 : +16
49 : #89bad7 : +18
51 : #88bbd8 : +20
53 : #86bbda : +22
55 : #84bcdb : +24
57 : #83bcdd : +26
59 : #81bcdf : +28
61 : #80bde0 : +30
63 : #7ebde2 : +32
65 : #7dbee3 : +34
67 : #7bbee5 : +36
69 : #79bee6 : +38
71 : #78bfe8 : +40
73 : #76bfea : +42
75 : #75c0eb : +44
77 : #73c0ed : +46
79 : #72c1ee : +48
81 : #70c1f0 : +50
83 : #6ec1f2 : +52
85 : #6dc2f3 : +54
87 : #6bc2f5 : +56
89 : #6ac3f6 : +58
91 : #68c3f8 : +60
93 : #66c4f9 : +62
95 : #65c4fb : +64
97 : #63c4fd : +66
99 : #62c5fe : +68
L : 明度 ( 69% )
(0%) 暗い ～ 明るい (100%)
1 : #020303 : -68
3 : #05080a : -66
5 : #090e11 : -64
7 : #0c1317 : -62
9 : #10191e : -60
11 : #131e25 : -58
13 : #17242b : -56
15 : #1a2932 : -54
17 : #1e2f39 : -52
19 : #21343f : -50
21 : #253a46 : -48
23 : #283f4d : -46
25 : #2c4554 : -44
27 : #304b5a : -42
29 : #335061 : -40
31 : #375668 : -38
33 : #3a5b6e : -36
35 : #3e6175 : -34
37 : #41667c : -32
39 : #456c82 : -30
41 : #487189 : -28
43 : #4c7790 : -26
45 : #4f7c96 : -24
47 : #53829d : -22
49 : #5687a4 : -20
51 : #5b8ca9 : -18
53 : #6291ac : -16
55 : #6996b0 : -14
57 : #6f9ab3 : -12
59 : #769fb7 : -10
61 : #7da4ba : -8
63 : #83a8be : -6
65 : #8aadc1 : -4
67 : #91b2c5 : -2
69 : #97b6c8 : ±0
71 : #9ebbcc : +2
73 : #a5c0cf : +4
75 : #abc5d3 : +6
77 : #b2c9d7 : +8
79 : #b9ceda : +10
81 : #c0d3de : +12
83 : #c6d7e1 : +14
85 : #cddce5 : +16
87 : #d4e1e8 : +18
89 : #dae5ec : +20
91 : #e1eaef : +22
93 : #e8eff3 : +24
95 : #eef3f6 : +26
97 : #f5f8fa : +28
99 : #fcfdfd : +30
CSS入門、作ってます。
text-shadow