#647209
RGB
赤 | 100 |
---|---|
緑 | 114 |
青 | 9 |
HSL
色相 | 68° |
---|---|
彩度 | 85% |
明度 | 24% |
輝度 | 38% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 100, 緑 = 114, 青 = 9 )
HSL ( 色相 = 68°, 彩度 = 85%, 明度 = 24% )
H : 色相 ( 68° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #711709 : -60
18 : #712809 : -50
28 : #713a09 : -40
38 : #714b09 : -30
48 : #715c09 : -20
58 : #716e09 : -10
68 : #637109 : ±0
78 : #527109 : +10
88 : #417109 : +20
98 : #2f7109 : +30
108 : #1e7109 : +40
118 : #0d7109 : +50
128 : #097117 : +60
138 : #097128 : +70
148 : #09713a : +80
158 : #09714b : +90
168 : #09715c : +100
178 : #09716e : +110
188 : #096371 : +120
198 : #095271 : +130
208 : #094171 : +140
218 : #092f71 : +150
228 : #091e71 : +160
238 : #090d71 : +170
248 : #170971 : +180
258 : #280971 : +190
268 : #3a0971 : +200
278 : #4b0971 : +210
288 : #5c0971 : +220
298 : #6e0971 : +230
308 : #710963 : +240
318 : #710952 : +250
328 : #710941 : +260
338 : #71092f : +270
348 : #71091e : +280
358 : #71090d : +290
58 : #716e09 : -10
59 : #716f09 : -9
60 : #717109 : -8
61 : #6f7109 : -7
62 : #6e7109 : -6
63 : #6c7109 : -5
64 : #6a7109 : -4
65 : #697109 : -3
66 : #677109 : -2
67 : #657109 : -1
68 : #637109 : ±0
69 : #627109 : +1
70 : #607109 : +2
71 : #5e7109 : +3
72 : #5c7109 : +4
73 : #5b7109 : +5
74 : #597109 : +6
75 : #577109 : +7
76 : #557109 : +8
77 : #547109 : +9
78 : #527109 : +10
S : 彩度 ( 85% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3e3e3d : -84
3 : #3f3f3b : -82
5 : #3f403a : -80
7 : #404139 : -78
9 : #414338 : -76
11 : #424436 : -74
13 : #434535 : -72
15 : #444634 : -70
17 : #454833 : -68
19 : #464932 : -66
21 : #474a30 : -64
23 : #484b2f : -62
25 : #484d2e : -60
27 : #494e2d : -58
29 : #4a4f2b : -56
31 : #4b502a : -54
33 : #4c5129 : -52
35 : #4d5328 : -50
37 : #4e5427 : -48
39 : #4f5525 : -46
41 : #505624 : -44
43 : #505823 : -42
45 : #515922 : -40
47 : #525a20 : -38
49 : #535b1f : -36
51 : #545c1e : -34
53 : #555e1d : -32
55 : #565f1c : -30
57 : #57601a : -28
59 : #586119 : -26
61 : #596318 : -24
63 : #596417 : -22
65 : #5a6515 : -20
67 : #5b6614 : -18
69 : #5c6713 : -16
71 : #5d6912 : -14
73 : #5e6a11 : -12
75 : #5f6b0f : -10
77 : #606c0e : -8
79 : #616e0d : -6
81 : #626f0c : -4
83 : #62700a : -2
85 : #637109 : ±0
87 : #647208 : +2
89 : #657407 : +4
91 : #667506 : +6
93 : #677604 : +8
95 : #687703 : +10
97 : #697902 : +12
99 : #6a7a01 : +14
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #080901 : -22
4 : #111302 : -20
6 : #191c02 : -18
8 : #212603 : -16
10 : #292f04 : -14
12 : #323905 : -12
14 : #3a4205 : -10
16 : #424b06 : -8
18 : #4b5507 : -6
20 : #535e08 : -4
22 : #5b6808 : -2
24 : #637109 : ±0
26 : #6c7b0a : +2
28 : #74840b : +4
30 : #7c8e0b : +6
32 : #84970c : +8
34 : #8da00d : +10
36 : #95aa0e : +12
38 : #9db30f : +14
40 : #a6bd0f : +16
42 : #aec610 : +18
44 : #b6d011 : +20
46 : #bed912 : +22
48 : #c7e212 : +24
50 : #cfec13 : +26
52 : #d1ed1d : +28
54 : #d3ed26 : +30
56 : #d5ee2f : +32
58 : #d7ef39 : +34
60 : #d9f042 : +36
62 : #dbf04c : +38
64 : #dcf155 : +40
66 : #def25f : +42
68 : #e0f368 : +44
70 : #e2f471 : +46
72 : #e4f47b : +48
74 : #e6f584 : +50
76 : #e8f68e : +52
78 : #eaf797 : +54
80 : #ecf7a1 : +56
82 : #eef8aa : +58
84 : #f0f9b4 : +60
86 : #f2fabd : +62
88 : #f3fac6 : +64
90 : #f5fbd0 : +66
92 : #f7fcd9 : +68
94 : #f9fde3 : +70
96 : #fbfdec : +72
98 : #fdfef6 : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow